body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6{
    margin:0;padding:0;}
    body{background:#fff none;color:#333;font-size:12px;font-style:normal;font-weight:normal;}
    em, b, i{font-style:normal;font-weight: normal;}
    a{color:#333333;text-decoration:none;}
    a:hover, a:active{text-decoration:underline;}
    a.on:hover, a.cur:hover, .on a:hover, .cur a:hover{text-decoration:none;}
    img, a img{border:0 none;}
    ul, ol{list-style-type:none;}
    ul:after, ol:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
    .vspace,.vspace2{font-size:0px;line-height:0px;width:99%;clear:both;}
    .vspace{height:10px;}
    .vspace2{height: 20px;}
    .vspace3{height: 30px;}
    .vspace4{height: 40px;}
    body .l, body .left{float:left;clear:none;}
    body .r, body .right{float:right;clear:none;}
    body .c, body .c{text-align:center;}
    .clear_float, .clear{clear:both;font-size:1px;line-height:1px;height:1px;overflow:hidden;}
    .column_wrapper{position: relative; clear:both;margin:0 auto;text-align:left;width:1000px;}
    .column_wrapper:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
    textarea{outline:none;}
    a:hover{ text-decoration: none;}
    a:focus{outline:none;}
    a { outline:none; } 
    .pull-left{float: left;}
    .pull-right{float: right;}
    .clearfix:after,.clearfix:before {content: ""; display: block; clear: both; height: 0; line-height: 0;}
    .layui-box-none{ display: none !important; }
    
    
    .title_color,.title_color a{ color: #222222;}
    .brief_color, .brief_color a{ color: #888888;}
    .content_color ,.content_color a{ color: #555555;}
    .column_wrapper_1024{ width: 1024px; background:#fff; padding:0 40px}
    .column_wrapper_all{ width: 100%; background:#F9F9F9;clear:both;}
    .col_757{ width: 711px; float: left; padding-right: 23px; border-right: 1px solid #e0e0e0; margin-right: 22px;}
    .col_243{ width: 243px; float: left;}
    .col_202{ width: 160px; float: left; margin-right: 42px;}
    .col_798{ width: 798px; float: left;}
    .col_225{ width: 225px; float: left; margin-right: 25px; min-height: 300px;}
    .col_225_r{ width: 225px; float: left; min-height: 300px;}
    .col_249{ width: 224px; float: left; margin-right: 22px;}
    .col_1051{width:1054px; float: left;}
    .col_224{ width: 160px; float: left; margin-right: 64px; min-height: 300px;}
    .col_800{ width: 800px; float: left;}
    .col_180{ width: 160px; float: left; margin-right: 20px;}
    .col_818{ width: 818px; float: left;}
    .col_526{ width: 526px; margin-right: 22px; float: left;}
    .col_250{ width: 250px; float: left;}
    .col_761{ width: 761px; float: left; margin-right: 23px;}
    .col_240{ width: 240px; float: left;}
    .col_174{ width: 174px; float: right;}
    .col_725{ width: 725px; float: left; padding-left: 29px; background: #fff;  margin-right: 16px; }
    .col_254{ width: 254px; float: left; background: #F1F1F1;}
    .col_box_shadow{ -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);}
    .bg_top_owner{ background: #F1F1F1; height: 100%;}
    .md{ clear: both; overflow: hidden;}
    .md_title{ border-left: 5px solid #d43a32; padding-left: 14px; height: 25px; line-height: 25px; float: left; font-weight: normal; font-size: 16px; color: #d53a32;}
    .opt{ float: right; margin-right: 15px; height: 37px; line-height: 37px; font-size: 14px;}
    .opt a{ color: #679926; font-size: 14px; line-height: 37px;}
    .opt .add{ width: 91px; background: url(img/add_btn_bg.jpg) 0 0 no-repeat; height: 37px; line-height: 38px; display: inline-block; color: #fff; padding-left: 36px; font-size: 18px; margin-left: 20px;}
    /*0526添加*/
    .md_title_line{ height: 30px; width: 5px; background: #d43a32; float: left; margin-right: 14px;}
    .md_title_0526{ width: 179px; border: 0 none; padding: 0; height: auto;}
    .opt_0526{ width: 30px;}
    
    
    /*--------乐谱------------*/
    .bread{ font-size: 12px; line-height: 28px;}
    
    .yuepu_name_0421{ width: 613px; float: left; margin-right: 30px;}
    .yuepu_name_0421 h1{padding: 15px 0; line-height: 30px; font-size: 22px; font-weight: normal;}
    .yuepu_name_0421 span{ font-size: 12px; line-height: 24px; margin-right: 10px;}
    .yuepu_name_0421 span i{ color: #d53a32;}
    .yuepu_name_0421 span.eyes{ padding-left: 20px; background: url(img/eyes.png) 0 3px no-repeat;}
    .yuepu_name_0421 span.xin{ padding-left: 20px; background: url(img/nozan.png) 0 0 no-repeat; background-size:contain;}
    .yuepu_name_0421 span.c-num{ padding-left: 20px; background: url(img/shoucang_bg_samall.jpg?190527) 0 0 no-repeat; background-size:contain;}
    .yuepu_name_0421 .c-hots{ display: inline-block; width: auto; height: 17px; vertical-align: text-bottom;}
    .shoucang_0421{ float: left; width: 50px;}
    .shoucang_0421 a{ display: block; background: url(img/shoucang_bg.jpg) 0 0 no-repeat; font-size: 13px; text-align: center; line-height: 40px; padding-top: 50px;}
    .shoucang_0421 a.cur{ background-image: url(img/shoucang_bg_cur.jpg);}
    .shoucang_0421 P{width: 50px; height: 32px; line-height: 32px; margin-top: 5px; text-align: center; background-color: #d53a32; font-size: 12px;}
    .shoucang_0421 .btn-copy{ width: 50px; height: 32px; line-height: 32px; margin-top: 5px; text-align: center; border: none; background-color: #d53a32; color: #fff; cursor: pointer; font-size: 12px; }

    .yuepu_img_0421{ float: left; width: 200px; /*height: 226px; background: url(img/yuepu_img_bg_20160111.jpg) 0 0 no-repeat; */position: relative;}
    .yuepu_img_0421 img{ display: block;/* position: absolute; top: 51px; left:44px;*/}
    .yuepu_img_0421 .btn-vip{position: absolute; left: 0; top: 0;}
    .yuepu_bofang_0421{ float: left; width: 511px; text-align: center;}
    .yuepu_bofang_0421 .btn{ display: inline-block; width: 135px; height: 61px; line-height: 61px; color: #fff; padding-left: 58px; background: url(img/bofangBtn_bg.jpg) 0 0 no-repeat; font-size: 20px; text-align: left;}
    .yuepu_bofang_0421 p{ font-size: 13px; line-height: 80px;}
    .yuepu_bofang_0421 .brief_color span{color: #e46a63;}
    .yuepu_bofang_0421 p a{ color: #2e5cde; text-decoration: underline;}
    .brief_0421{ font-size: 15px; line-height: 24px; overflow: hidden; white-space: pre-wrap;}
    /*播放器升级提醒条*/
    .declare-box{width: 876px; margin-bottom: 10px; padding: 10px 15px; background: #f9f3d5; color: #8f7f5d; font-size: 14px;}	
    .declare-box span{color: #e46a63;}
    .declare-box a{color: #2e5cde; text-decoration: underline;}
    
    .flash_img{position: relative; height: 848px; background: url(img/flash-bj.png) no-repeat;}
    .flash-box{width:672px; height: 670px; overflow: hidden; padding-top:127px; padding-left: 20px;}
    .flash-btn{position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px;}
    /* 乐谱详情打印乐谱，下载app样式 */
    .down_share_0421{ clear: both; overflow: hidden; border-bottom: 1px solid #dddddd;}
    .down_share_0421 .down{ float: left; width: 360px;}
    .down_share_0421 .share{ float: left; width: 350px; text-align: center; position: relative;}
    .down_share_0421 .down a{ font-size: 12px; line-height: 38px; display: inline-block; background-image: url(img/down_bg.jpg?10); background-repeat: no-repeat; padding-top: 33px; margin: 0 13px;}
    .down_share_0421 .down a.d{ background-position: 15px 0; }
    .down_share_0421 .down a.m{ background-position: -80px 0;}
    .down_share_0421 .down a.p{ background-position: -171px 0;}
    .down_share_0421 .down a.btn-error{background-position: -260px 0;}
    /* 乐谱详情标题区域按钮 */
    .yuepuXq-title-box{ position: relative; }
    .yuepuXq-title-box .main-left{ float: left; }
    .yuepuXq-title-box .main-right{ float: right; }
    .yuepuXq-title-box .btn-nomal{ display: inline-block; box-sizing: border-box; width: 114px; height: 38px; line-height: 38px; border-radius: 6px; background: #5694e0; text-align: center; font-size: 14px; font-weight: bold; color: #fff;}
    .yuepuXq-title-box .btn-nomal b{ margin-right: 5px; font-size: 16px;}
    .yuepuXq-title-box .btn-jiucuo{ float: right; width: auto; background: transparent; color: #fa6e6c;}
    .yuepuXq-title-box .btn-quanping{ background: #fff; border: 1px solid #ccc; color: #666;}
    .yuepuXq-title-box .btn-gaoqing{ background: #fa6e6c; }
    .yuepuXq-title-box .main-wxsaoma{ display: none; position: absolute; left: 0; top: 50px; padding: 10px; background: #fff; border: 1px solid #f1f1f1; text-align: center; z-index: 2;}
    .yuepuXq-title-box .main-wxsaoma h3{ padding-bottom: 10px; font-size: 16px; }
    .yuepuXq-title-box .main-wxsaoma b{ margin-right: 5px; font-size: 20px; color: #14B12F;}
    .yuepuXq-title-box .main-wxsaoma img{ width: 140px; height: 140px; }
    /* 乐谱详情客户端播放区域 */
    .yuepuXq-play-box{ width: 300px; margin: 0 auto; text-align: center; }
    .yuepuXq-play-box h3{ padding-bottom: 10px; text-align: center; font-size: 16px; }
    .yuepuXq-play-box b{ margin-right: 10px; font-size: 20px; color: #14B12F;}
    .yuepuXq-play-box p{ padding: 10px; line-height: 22px; background: #f1f1f1; border-radius: 6px; color: #679926;}
    .yuepuXq-play-box img{ width: 30%; height: auto;}
    
    .yuepushipin_0421{ overflow: hidden; clear: both; margin-top: 35px; margin-left: 10px;}
    .yuepushipin_0421 li{ width: 152px; float: left; margin-right: 20px; margin-bottom: 13px;height: 188px;}
    .yuepushipin_0421 li a{ position: relative;}
    .yuepushipin_0421 li a i{ position: absolute; bottom: 13px; left: 6px; background: url(img/bofang_bg.png) 0 0 no-repeat; width: 36px; height: 36px; cursor: pointer;}
    .yuepushipin_0421 li img{ margin-bottom: 7px;}
    .yuepushipin_0421 li p{ font-size: 13px; line-height: 22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
    .lyNum{ float: left; font-size: 14px; line-height: 25px; margin-left: 10px;}
    
    .touxiang_0421{position: relative; float: left; width: 50px; margin-right: 10px; text-align: center;}
    .touxiang_0421 .v{position: absolute; right: -8px; bottom: 18px;}
    .touxiang_0421 span{ font-size: 13px; line-height: 30px;}
    /*.liuyan_con{ float: left; width: 629px; height: 118px; background: url(img/liuyan_bg.png) 0 0 no-repeat; padding: 2px;}*/
    .liuyan_con{ float: left; width: 628px; height: 118px; padding: 2px; border:1px solid #ccc;}
    .liuyan_con textarea{ border: 0 none; border-radius: 0; background: transparent; width: 609px; height: 113px; outline: none; overflow: hidden; resize: none; padding-left: 20px; padding-top: 5px; font-size: 16px;}
    .sub_0421{ background: #48a5de; width: 127px; height: 37px; text-align: center; float: right; color: #fff; line-height: 37px; font-size: 18px; margin-right: 20px; border-radius: 6px;}
    
    .liuyanList_0421{ clear: both; overflow: hidden; border-top: 1px dashed #c6c6c6; width: 684px;}
    .liuyanList_0421 li{ width: 100%; float: left; padding: 11px 0; border-bottom: 1px dashed #c6c6c6;}
    .liuyanList_0421 li .img{ float: left; width: 50px; margin-right: 16px; position: relative;}
    .liuyanList_0421 li .img .v{position: absolute; right: 0; bottom: 0; width: 14px; height: 14px; display: block;}
    .liuyanList_0421 li .comm-vip{float: left; margin-left: 10px;}
    .liuyanList_0421 li .text{ float: left; width: 617px; position: relative;}
    .liuyanList_0421 li .text .context{ clear: both; overflow: hidden; /*margin-bottom: 10px;*/}
    .liuyanList_0421 li .text .context .href{ font-size: 14px; line-height: 20px; color: #548316; float: left;}
    .liuyanList_0421 li .text .context a.v{ color: #d53a32;}
    .liuyanList_0421 li .text .context span{ font-size: 14px; line-height: 20px; float: left;}
    .liuyanList_0421 li .text .context span a{ float: none;}
    .liuyanList_0421 li .text .time{ font-size: 12px; line-height: 20px;}
    .liuyanList_0421 li .text .huifu_0421{ position: absolute; right: 0; bottom: 0; font-size: 12px; line-height: 20px;}
    .liuyanList_0421 li .text .huifu_0421 a{ margin-right: 20px;}
    .liuyanList_0421 li .text .context .msg_1125{ font-size: 16px; line-height: 32px;}
    .liuyanList_0421 .text .zan-num{position: absolute; top: 0; right: 0; width: 70px; height: 30px; line-height: 30px; border-radius: 4px;
    border:1px solid #ccc; text-align: center; font-size: 14px;}
    .popup-zan{display: none; position: fixed; width: 240px; padding: 30px; border: 1px solid #ccc; border-radius: 10px; background: #fff; text-align: center; z-index: 101;}
    .popup-zan input{width: 100px; height: 30px; padding: 0 10px; outline: none; border: none; border: 1px solid #ccc;}
    .popup-zan button{width: 50px; height: 30px; background: #48a5de; border: none; color: #fff; }
    .popup-mask{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: 100;}
    
    .page_0421{ text-align: center; font-size: 16px; line-height: 30px;}
    .page_0421 a{ border:1px solid #c7c7c7; margin: 0 5px; display: inline-block; width: 28px; text-align: center;}
    .page_0421 a.cur{ border:1px solid transparent; background: #d53a32; color: #fff;}
    
    .author_img{ overflow: hidden; clear: both;}
    .author_img .img{position: relative; width: 116px; float: left; margin-right: 15px;}
    .author_img .img img{ width: 100%; height: auto; max-height: 116px; }
    .author_img .v{position: absolute; bottom: 2px; right: 2px;}
    .author_img .v img{ width: 24px; height: auto; }
    .author_img .text{ width: 112px; float: left;}
    .author_img .text h3{ font-weight: normal; font-size: 18px; line-height: 20px; margin-top: 20px;}
    .author_img .text p{ font-size: 12px; line-height: 16px;}
    
    .yuepu_md_list{ overflow: hidden; clear: both; padding-left: 12px; border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 30px;}
    .yuepu_md_list li{ width: 100%; float: left; font-size: 15px; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .cover_bg_0424{ background:#000; position:fixed; left:0px; top:0px; filter:alpha(opacity=60); opacity:0.6 !important; width:100%; height:100%; z-index: 10; display: none;}
    .cover_transparent_bg_1230{ background:transparent; position:fixed; left:0px; top:0px; filter:alpha(opacity=60); opacity:0.6 !important; width:100%; height:100%; z-index: 10; display: none;}
    .addMyvideo{ position: fixed; width: 600px; height: 300px; left: 50%; top: 50%; background: #f6f6f6; margin-left: -300px; margin-top: -150px; z-index: 20; border-radius: 6px; display: none;}
    .addMyvideo h3{ font-weight: normal; font-size: 21px; line-height: 30px; color: #d53a32; margin-left: 28px;}
    .addMyvideo p{ font-size: 16px; color: #333333; line-height: 20px; margin-left: 45px;}
    .addMyvideo .text{ float: left; width: 418px; border: 1px solid #a0a0a0; height: 24px; font-size: 14px; line-height: 24px; padding: 7px 0; background: #fff; margin-left: 45px; margin-right: 5px;}
    .addMyvideo .btn{ float: left; width: 84px; height: 40px; font-size: 16px; line-height: 40px; background: #d53a32; color: #fff; text-align: center; border-radius: 6px; border: 0 none;}
    .addMyvideo span{ font-size: 14px; margin-left: 50px;}
    .addMyvideo span a{ color: #d53a32;}
    .addMyvideo .close_0424{ position: absolute; right: 11px; top: 11px; width: 36px; height: 36px; background: url(img/tanchu_close.png) 0 0 no-repeat;}
    #flash_cover{background:#000; position:fixed; left:0px; top:0px; display:none; filter:alpha(opacity=80); opacity:0.8 !important; width:100%; height:100%; z-index: 9; }
    .close_btn{ width:41px; height:40px; background:url(img/close_btn.jpg) 0 0 no-repeat; position:absolute; top:0px; right:0px; display:inline-block; cursor:pointer; z-index: 10;}
    
    /*---------乐谱库-----------*/
    .border_0422{ overflow: hidden; clear: both; border: 1px solid #e5e5e5; background: #fff;}
    .nav_list_0422{ overflow: hidden; clear: both;}
    .nav_list_0422 li{ width: 100%; font-size: 16px; line-height: 42px; height: 42px;}
    .nav_list_0422 li a{ display: block; padding-left:40px ;}
    .nav_list_0422 li a i{ font-size: 12px; margin-left: 5px;}
    .nav_list_0422 li.cur{ background: #d53a32; color: #fff;}
    .nav_list_0422 li.cur a{ color: #fff;}
    .nav_list_0422 li.cur a i{ color: #fff;}
    .line_0422{ font-size: 1px; line-height: 1px; height: 1px; background: #e5e5e5; width: 100%;}
    
    .navOpt_0422{ width: 100%; height: 38px; border-bottom: 2px solid #d53a32;}
    .navOpt_0422 .l,.navOpt_0422 .r{ position: relative; top: 1px;}
    
    .navOpt_0422 .m{ margin: 0 20px;}
    .navOpt_0422 span{ font-size: 22px; line-height: 54px; display: inline-block;}
    .navOpt_0422 i{ font-size: 13px; line-height: 54px; display: inline-block;}
    .navOpt_0422 .cur span{ background: url(img/friendNav_cur.png) center bottom no-repeat; color: #d53a32;}
    .navOpt_0422 .cur i{ color: #d53a32;}
    .navOpt_0422 .r span{ font-size: 13px; line-height: 54px;}
    
    .collection_title{ font-weight: normal; height: 27px; line-height: 27px; border-left:3px solid #d43a32; padding-left: 18px; font-size: 20px; background: #fff; margin: 37px 0;}
    
    .yuepuClassify_list_0422{ overflow: hidden; clear: both; background: #fff;}
    .yuepuClassify_list_0422 li{ width: 788px; float: left; padding: 10px 0; border-bottom: 1px solid #eeeeee; cursor: pointer; padding-left: 12px;}
    .yuepuClassify_list_0422 li .img{position: relative; float: left; width: 70px; height: 60px; position: relative; padding:6px 0;}
    .yuepuClassify_list_0422 li .img .mask{ background: url(img/touxiang.png) left top no-repeat; width: 60px; height: 60px; position: absolute; left: 0; top: 6px;}
    .yuepuClassify_list_0422 li .v{position: absolute; top: 50px; right: 10px;}
    .yuepuClassify_list_0422 li .text{ float: left; width: 570px;}
    .yuepuClassify_list_0422 li .text h3{ font-size: 16px; height: 36px; line-height: 36px; font-weight: normal; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .yuepuClassify_list_0422 li .text i{ color: #d53a32;}
    .yuepuClassify_list_0422 li .text p{ font-size:  13px;}
    .yuepuClassify_list_0422 li .brief_color{padding-top: 5px;}
    .yuepuClassify_list_0422 li .text span{ float: left; margin-right: 15px;}
    .yuepuClassify_list_0422 li .vip-box{margin: 8px 0 0 15px;}
    .yuepuClassify_list_0422 li .vip-box img{ display: inline-block; height: 20px; vertical-align: middle;}
    .yuepuClassify_list_0422 li .text span.sanjiao{ background: url(img/eyes.png?1) left center no-repeat; padding-left: 22px;}
    .yuepuClassify_list_0422 li .text span.xin{ background: url(img/nozan_samall.png?190103) left center no-repeat; padding-left: 22px; background-size: 16px;}
    .yuepuClassify_list_0422 li .text span.v{display: inline-block; width: 20px; height: 20px; background: url(img/V.png) 0 0 no-repeat; background-size: contain; 
    float: none; vertical-align: middle; color: #888888;}
    .yuepuClassify_list_0422 li .text .c-hots{ display: inline-block; width: auto; height: 17px; vertical-align: text-bottom;}
    .yuepuClassify_list_0422 li .play{ width: 104px; float: left;}
    .yuepuClassify_list_0422 li:hover{ background: #FAFAFA;}
    .yuepuClassify_list_0422 li:hover .text h3,.yuepuClassify_list_0422 li:hover .text i{ color: #d53a32;}
    .yuepuClassify_list_0422 li:hover .play .btn{ margin-top: 5px; width: 56px; height: 60px; display: block; background: url(img/play.png) left center no-repeat;}
    .yuepuClassify_list_0422 li:hover .img .mask{ background: url(img/yuepuClassify_list_cur.png) left top no-repeat;}
    
    .page_0422{ overflow: hidden; clear: both; text-align: center;}
    .page_0422 a{ font-size: 17px; line-height: 30px; display: inline-block; padding: 0 10px; margin-right: 10px; border: 1px solid transparent;}
    .page_0422 a:hover{ border: 1px solid #c7c7c7;}
    .page_0422 a.cur,.page_0422 a.active{ border: 1px solid transparent; background: #d53a32; color: #fff;}
    .page_0422 span{ display: inline-block; font-size: 15px; line-height: 30px; margin-right: 10px;}
    
    
    
    
    /*热门推荐*/
    
    .tuijianimg_0422{ width: 526px; height: 218px; position: relative; overflow: hidden; clear: both;}
    .tuijianimg_0422 .mark{ position: absolute; left: 0; top: 0px; width: 100%; height: 100%; background: url(img/bigimg_bg.png) left bottom no-repeat;}
    .tuijianimg_0422 h3{ font-size: 26px; line-height: 60px; color: #fff; position: absolute; bottom: 0px; left: 15px; font-weight: normal;}
    .tuijianimg_0422 h3 a{ color: #fff;}
    
    .yuepuIndex_con_0422{padding: 10px 0; background-color: #fff; border-bottom: 1px solid #eee;}
    .yuepuIndex_con_0422 .md_title{ color: #222;}
    .yuepuIndex_con_0422 .yuepuIndex_bd_0422{ overflow: hidden; clear: both; position: relative;}
    .imgRoll_150{ overflow: hidden; clear: both; width: 526px; position: relative;}
    .yuepuIndex_pic150list_0422{ overflow: hidden; clear: both; margin-top:19px; width: 9999px;}
    .yuepuIndex_pic150list_0422 li{ width: 526px; float: left; }
    .yuepuIndex_pic150list_0422 li .pic150con{ width: 150px; margin-bottom: 27px; position: relative;  margin-right: 38px; float: left;}
    .yuepuIndex_pic150list_0422 li .last{ margin-right: 0px;}
    .yuepuIndex_pic150list_0422 li .pic150con .img{ width: 150px; height: 150px; float: left; position: relative; margin-bottom: 7px;}
    .yuepuIndex_pic150list_0422 li .pic150con .mark{ position: absolute; bottom: 0px; left: 0px; background: #000000; opacity: 0.5; width: 150px; height: 21px; filter:alpha(opacity=50)}
    .yuepuIndex_pic150list_0422 li .pic150con .icon{ position: absolute; bottom: 0px; left: 0px; width: 150px; height: 21px;}
    .yuepuIndex_pic150list_0422 li .pic150con .icon .sanjiao{ float: right; background: url(img/sanjiao.png) left center no-repeat; padding-left: 11px; font-size: 12px; line-height: 22px; margin-right: 10px; color: #eeeeee;}
    .yuepuIndex_pic150list_0422 li .pic150con .icon .xin{ float: right; background: url(img/pubu_xin.png) left center no-repeat; padding-left: 13px; font-size: 12px; line-height: 22px; margin-right: 10px; color: #eeeeee;}
    .yuepuIndex_pic150list_0422 li .pic150con .text{ width: 150px; float: left;}
    .yuepuIndex_pic150list_0422 li .pic150con .text h3{ font-size: 14px; line-height: 22px; overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; font-weight: normal;}
    .yuepuIndex_pic150list_0422 li .pic150con .text p{ font-size: 14px; line-height: 20px; overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
    .yuepuIndex_pic150list_0422 li .pic150con .text p a{ color: #0cc65b;}
    .prev_btn_0422{ float: right; background: url(img/hot_left-right.png) 0 0 no-repeat; width: 30px; height: 24px; margin-top: 5px; margin-right: 10px;}
    .next_btn_0422{ float: right; background: url(img/hot_left-right.png) right top no-repeat; width: 30px; height: 24px; margin-top: 5px; margin-right: 10px;}
    
    
    .tab_hover_0104_conList{ overflow: hidden; clear: both; margin-top: 15px;}
    .tab_hover_0104_conList li{ width: 250px; float: left; font-size: 14px; line-height:30px; }
    .tab_hover_0104_conList li .num{ float: left; width: 30px; }
    .tab_hover_0104_conList li .name{ float: left; width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  height: 30x;}
    .tab_hover_0104_conList li .img{ float: left; width: 80px; position: relative; margin-right: 20px; margin-bottom: 8px;}
    .tab_hover_0104_conList li .text{ float: left; width: 150px; margin-top: 15px;}
    .tab_hover_0104_conList li .text a{ display: block; font-size: 14px; line-height: 24px;}
    .tab_hover_0104_conList li .text a.song{ color: #679926;}
    
    .remengeshou_0429{ overflow: hidden; clear: both; margin: 25px 0 0;}
    .remengeshou_0429 li{ width: 65px; float: left; font-size: 14px; line-height:34px; position: relative; margin-right: 20px; margin-bottom: 10px;}
    .remengeshou_0429 li .mask{ width: 65px; height: 65px; position: absolute; left: 0; top: 0; background: url(img/touxiang_bg65-65.png) 0 0 no-repeat;}
    .remengeshou_0429 li a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: center; width: 100%;}
    .remengeshou_0429 li.last{ margin-right: 0;}
    
    .singerList_0429{ overflow: hidden; clear: both; margin-bottom: 0;}
    .singerList_0429 li{ width: 100px; padding-left: 25px; float: left; font-size: 14px; line-height: 30px;}
    
    
    .yuepuIndex_pic700list_0422{ overflow: hidden; clear: both; width: 9999px; margin-top: 19px;}
    .yuepuIndex_pic700list_0422 li{ width: 526px; float: left; }
    .yuepuIndex_pic700list_0422 li .pic526con{ width: 524px; float: left; border: 1px solid #dddddd; height: 327px;}
    .yuepuIndex_pic700list_0422 li .pic526con .img{ float: left; width: 330px; margin-right: 25px; height: 327px}
    .yuepuIndex_pic700list_0422 li .pic526con .text{ float: left; width: 130px; margin-top: 26px; margin-right: 30px;}
    .yuepuIndex_pic700list_0422 li .pic526con .text h3{ font-size: 14px; line-height: 26px; color: #679926;}
    .yuepuIndex_pic700list_0422 li .pic526con .text h3 a{ color: #679926;}
    .yuepuIndex_pic700list_0422 li .pic526con .text p{ font-size: 14px; line-height: 26px; color: #999999; margin-bottom:8px;}
    .yuepuIndex_pic700list_0422 li .pic526con .text p a{ color: #999999;}
    .yuepuIndex_pic700list_0422 li .pic526con .text span{ font-size: 14px; line-height:22px; display: inline-block; color: #555555;}
    
    .yuepuIndex_pic700list_0422 li .pic150x2{ width: 160px; float: right; overflow: hidden; margin-right: 20px}
    .yuepuIndex_pic700list_0422 li .pic150con{ width: 150px; height: 150px; margin-bottom: 17px; position: relative; padding: 5px;}
    .yuepuIndex_pic700list_0422 li .pic150con:hover{ background: url(img/042202.png) 0 0 no-repeat;}
    .yuepuIndex_pic700list_0422 li .pic150con .mark{ position: absolute; bottom: 5px; left: 5px; background: url(img/042201.png) 0 0 no-repeat; width: 150px; height: 40px;}
    .yuepuIndex_pic700list_0422 li .pic150con .text{ width: 150px; position: absolute; bottom: 5px;left: 5px; height: 40px;}
    .yuepuIndex_pic700list_0422 li .pic150con .text h3{ font-size: 14px; line-height: 20px; overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: nowrap; color: #fff;word-wrap: normal; text-indent: 10px; font-weight: normal;}
    .yuepuIndex_pic700list_0422 li .pic150con .text h3 a{ color: #fff;}
    .yuepuIndex_pic700list_0422 li .pic150con .text p{ font-size: 12px; line-height: 20px; overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: nowrap; color: #0cc65b;word-wrap: normal; text-indent: 10px;}
    .yuepuIndex_pic700list_0422 li .pic150con .text p a{ color: #0cc65b;}
    
    .border_0115{ border-bottom:1px solid #0c8f44; clear: both; overflow: hidden}
    .class_logo{ width: 100%; height: 75px; background: #fff;}
    .class_logo .box{ float: left; height: 58px; margin-top: 17px; margin-right: 83px;}
    .class_logo .box .pianotext{ background: url(img/piano_logo.png) 0 0 no-repeat; padding-left: 50px;}
    .class_logo .box .pianotext h3{ font-size: 19px; line-height: 24px; color: #555555; font-weight: normal;}
    .class_logo .box .pianotext p{ font-size: 12px; line-height: 24px; color: #55555;}
    .class_logo .box .guitartext{ background: url(img/jita_logo.png) 0 0 no-repeat; padding-left: 50px;}
    .class_logo .cur{background: url(img/logobread__cur.jpg) center bottom no-repeat;}
    .class_logo .cur .pianotext{ background-image: url(img/piano_logo_cur.png);}
    .class_logo .cur .guitartext{ background-image: url(img/jita_logo_cur.png);}
    .class_logo .cur .pianotext h3{ color: #6a9b16;}
    .class_logo .cur .pianotext p{ color: #6a9b16;}
    .con_position{ overflow: hidden; clear: both; margin-left: 162px;}
    /*20150605添加*/
    .class_logo_jita {width: 100%;height: 75px;background: #EEEEEE;	}
    .class_logo_jita .box {float: left;height: 58px;margin-top: 17px;margin-right: 83px;}
    .class_logo_jita .box .pianotext {background: url(/static/tan8/style/img/piano_logo.png) 0 0 no-repeat;	padding-left: 50px;}
    .class_logo_jita .box .pianotext h3 {font-size: 19px;line-height: 24px;	color: #555555;	font-weight: normal;}
    .class_logo_jita .box .pianotext p {font-size: 12px;line-height: 24px;color: #55555;}
    .class_logo_jita .box .guitartext {background: url(/static/tan8/style/img/jita_logo.png) 0 0 no-repeat;padding-left: 50px;}
    .class_logo_jita .cur {	background: url(/static/tan8/style/img/logobread__cur_.png) center bottom no-repeat;}
    .class_logo_jita .cur .pianotext {background-image: url(/static/tan8/style/img/piano_logo_cur.png);	}
    .class_logo_jita .cur .guitartext {	background-image: url(/static/tan8/style/img/jita_logo_cur.png);}
    .class_logo_jita .cur .pianotext h3 {color: #6a9b16;}
    .class_logo_jita .cur .pianotext p {color: #6a9b16;}
    
    
    
    
    
    
    
    
    
    /*专辑*/
    .zj_img_0423{ width: 212px; float: left; margin-right: 39px;}
    .zj_brief_0423{ width:370px; float: left;}
    .zj_brief_0423 p{ font-size: 14px; line-height: 24px; white-space: pre-wrap;}
    .zj_share_0423{ border-bottom: 0 none; margin-top: 60px;}
    /*.zj_share_0423 .share{ width: 300px;}*/
    .zj_list_0422{ overflow: hidden; clear: both;}
    .zj_list_0422 li{ width: 100%; float: left; padding: 15px 0; border-bottom: 1px solid #eeeeee; cursor: pointer;}
    .zj_list_0422 li .img{ float: left; width: 70px; height: 60px; position: relative;}
    .zj_list_0422 li .img .mask{ background: url(img/touxiang.png) left top no-repeat; width: 60px; height: 60px; position: absolute; left: 0; top: 0;}
    .zj_list_0422 li .text{ float: left; width: 530px;}
    .zj_list_0422 li .text h3{ font-size: 16px; line-height: 36px; font-weight: normal;}
    .zj_list_0422 li .text em{display: inline-block; width: 10px;}
    .zj_list_0422 li .text i{ color: #d53a32;}
    .zj_list_0422 li .text p{ font-size:  13px; line-height: 36px; clear: both;}
    .zj_list_0422 li .text p span{ float: left; margin-right: 15px;}
    .zj_list_0422 li .text p span.sanjiao{ background: url(img/sanjiao.png) left center no-repeat; padding-left: 13px;}
    .zj_list_0422 li .text p span.xin{ background: url(img/xin.png) left center no-repeat; padding-left: 22px;}
    .zj_list_0422 li .text p .c-hots{ display: inline-block; width: auto; height: 17px; vertical-align: text-bottom;}
    .zj_list_0422 li .play{ width: 104px; float: left;}
    .zj_list_0422 li:hover{ background: #EEEEEE;}
    .zj_list_0422 li:hover .text h3,.zj_list_0422 li:hover .text i{ color: #578a15;}
    .zj_list_0422 li:hover .play .btn{ margin-top: 5px; width: 56px; height: 60px; display: block; background: url(img/play.png) left center no-repeat;}
    .zj_list_0422 li:hover .img .mask{ background-position: right bottom;}
    
    
    
    
    
    /*社区*/
    .border_0423{ background: #fff; border: 1px solid #e4e4e4; border-top-color: transparent;}
    .shequ_left_0423{ width: 221px; height: 123px; background: url(img/shequ_left_bg.png) 0 0 no-repeat; position: relative; top: 13px; margin: 0 auto;}
    .line_1px_0423{ background: #e5e5e5; font-size: 0px; line-height: 0px; clear: both; height: 1px; width: 100%; margin: 10px 0 6px 0;}
    .shequ_fenlei_0423{ clear: both; position: relative; width: 222px;}
    .shequ_fenlei_0423 li{ width: 83px; float: left; height: 44px; line-height: 48px; font-size: 16px; padding-left: 28px; position: relative;}
    .shequ_fenlei_0423 li a{ display: block; position: absolute; left: 28px; top: 0; z-index: 1;}
    .shequ_fenlei_t_0423{ font-weight: normal; font-size: 13px; color: #367715; line-height: 16px; margin-left: 10px; margin-bottom: 7px;}
    .shequ_fenlei_0423 li.odd .mask{ position: absolute; left: -4px; top: 0; background: url(img/shequ_fenlei_leftbg.png) 0 0 no-repeat; width: 119px; height: 50px; z-index: 0;}
    .shequ_fenlei_0423 li.odd .mask_sanjiao{ position: absolute; right: -120px; top: 16px; background: url(img/shequ_fenlei_rightbg.png) 0 0 no-repeat; width: 9px; height: 18px; z-index: 0;}
    .shequ_fenlei_0423 li.odd a,.shequ_fenlei_0423 li.even a{ color: #fff;}
    .shequ_fenlei_0423 li.even .mask{ position: absolute; right: -9px; top: 14px; background: url(img/shequ_fenlei_rightbg.png) 0 0 no-repeat; width: 9px; height: 18px; z-index: 0;}
    .shequ_fenlei_0423 li.even { background: #d53a32; border-radius: 8px;}
    .sq_opt_0424{ width: 100%; border-bottom: 2px solid #d53a32; height: 54px; margin-top: 10px;}
    .sq_opt_0424 a{ font-size: 22px; float: left; margin-left: 50px; line-height: 54px; position: relative; top: 2px;}
    .sq_opt_0424 a.cur{ background: url(img/friendNav_cur.png) center bottom no-repeat;  color: #d53a32;}
    .sq_opt_0424 a.postings{ float: right; width: 127px; height: 37px; line-height: 38px; color: #fff; background: #6a9b16; text-align: center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin-top: 3px; font-size: 18px;}
    /*收藏帖子*/
    .container{position:relative; z-index:9; width:100%; margin:0 auto;	padding-bottom: 10px; }
    .container .box{width:228px; min-height:100px; margin: 0 20px 20px 0; background:#fff; float:left; border: 1px solid #f1f1f1; position: relative;}
    .container .box:hover{ box-shadow:0 0 10px #C0C0C0; -moz-box-shadow:0 0 10px #C0C0C0; -webkit-box-shadow: 0 0 10px #C0C0C0;}
    .container .box .border_sq{ padding: 10px; clear: both; overflow: hidden;}
    .container .box .play_img{position: relative; overflow: hidden; width: 224px;}
    .container .box .play_img img{width: 100%; transition:All 0.5s ease-in-out; -webkit-transition:All 0.5s ease-in-out; -moz-transition:All 0.5s ease-in-out; -o-transition:All 0.5s ease-in-out;}
    .container .box .play_img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
    .container .box .play_img .play_icon{ position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin-left: -32px; margin-top: -32px; background: url(img/shequ_play.png) 0 0 no-repeat;}
    .container .box .title{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 44px; 
    line-height: 24px; font-weight: normal; color: #222; font-size: 16px;}
    .container .box .brief{  clear: both;}
    .container .box .content_color{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;
    overflow: hidden; height: 70px; line-height: 24px; padding-top: 10px; color: #999; font-size: 12px;}
    .container .box .icon{ padding-top: 15px; line-height: 16px; font-size: 12px;}
    .container .box .icon span{ float: left;}
    .container .box .icon span.eye{ padding-left: 18px; background: url(img/eyes.png) 0 3px no-repeat; margin-right: 10px;}
    .container .box .icon span.xin{ padding-left: 18px; background: url(img/zan_1012.png) 0 0px no-repeat; margin-right: 10px;}
    .container .box .icon span.msg{ padding-left: 18px; background: url(img/pubu_msg.png) 0 1px no-repeat;}
    .container .box .pubu_xuxian{ font-size: 0; line-height: 0px; padding-top: 10px; margin-top: 10px; border-top: 1px dashed #d2d2cf; clear: both;}
    .container .box .author .img{position: relative; float: left; width: 40px; height: 40px; margin-right: 10px; border-radius: 50%;}
    .container .box .author .v{position: absolute; right: -6px; bottom: -8px;}
    .container .box .author .text{ float: left; width: 135px;}
    .container .box .author .text p{ color: #333; font-size: 14px;}
    .container .box .author .text span{padding-top: 5px; font-size: 12px; line-height: 14px; display: block;}
    .pubuCon_0424{ clear: both;}
    .pubuCon_0424 li{ width: 238px; float: left; margin-right: 30px;}
    .pubuCon_0424 li.last{ margin-right: 0;}
    .news-list-loading {padding: 20px;height: 32px;background: url(img/loading.gif) no-repeat center; display: none;}
    .container .box a{ display:block; width:100%;}
    
    .container .box .author .text p i{ color: #de5455;}
    .container .box .author .text p .v{ display: inline-block; _display:inline; zoom: 1; background: url(img/V_s.png) 0 0 no-repeat; width: 14px; height: 14px; margin-left: 3px; vertical-align: -2px;}
    
    .sq_opt_0424 a.l_1110{ background: url(img/nav_list_img_default.png) 0 0 no-repeat; width: 24px; height: 22px; float: right; margin-top: 12px; margin-left: 0;}
    .sq_opt_0424 a.l_1110_cur{ background-image: url(img/nav_list_img.png);}
    .line_1110{ margin: 0 15px; background: #dbdbdb; width: 2px; height: 22px; float: right;  margin-top:14px;}
    .sq_opt_0424 a.ll_1110{ background: url(img/nav_img_list.png) 0 0 no-repeat; width: 21px; height: 22px; float: right;  margin-top: 12px; margin-left: 0;}
    .sq_opt_0424 a.ll_1110_cur{ background-image: url(img/nav_img_list_cur.png);}
    
    /*------朋友圈------*/
    .banner_426 img{ display: block;}
    
    .banner_426{ overflow: hidden; clear: both; position: relative;}
    .bannerCon{ position: absolute; left: 0; bottom: 0; width: 1024px;}
    .bannerCon .img{ width: 110px; position: absolute;  border: 4px solid #fff; left: 23px; bottom: 20px; z-index: 9;}
    
    .bannerCon .text .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.5; filter:alpha(opacity=50);-moz-opacity:0.5;}
    .bannerCon .text .content{ position: absolute; left: 160px; top: 0; width: 844px;}
    .bannerCon .text{ width: 1024px; height: 44px; clear: both; position: relative;}
    .bannerCon .text h3{ float: left; font-weight: normal; font-size: 22px; color: #fff;  line-height: 44px;}
    .bannerCon .text .attention{ float: left; margin: 11px; height: 22px; line-height: 22px; color: #fff; background: url(img/attention_bg.jpg) 0 0 no-repeat; width: 40px; padding-left: 16px; text-align: center; font-size: 14px;}
    .bannerCon .text .content .cur{ background: url(img/attention_cur_bg.jpg) 0 0 no-repeat; color: #888888; font-size: 12px;}
    .bannerCon .text .set_btn{ float: right; background: url(img/chilun.png) center left no-repeat; padding-left: 24px; font-size: 14px; color: #f5f6f7; line-height: 44px;}
    
    .friend_nav{position: relative; width: 100%; border-bottom: 2px solid #d43b33; clear: both;}
    .friend_nav .box{ position: relative; clear: both; overflow: hidden; }
    .friend_nav .box h3{ float: left; width: 171px; font-size: 20px; line-height:28px; height:33px; color: #555555; font-weight: normal;}
    .friend_nav .box h4{ font-size: 20px; line-height:32px; color: #555555; font-weight: normal;}
    .friend_nav .box .con{ float: left; width: 853px;}
    .friend_nav .box .con a{ float: left; margin-right: 50px; font-size:  22px; line-height: 64px;}
    .friend_nav .box .con a b{ float: left;}
    .friend_nav .box .con a i{ font-size: 12px; margin: 0 5px; float: left;}
    .friend_nav .box .con a.cur{ color: #d43b33;}
    .friend_nav .box .con a.cur b{ background: url(img/friendNav_cur.png) bottom center no-repeat; }
    /* 禁止发言样式 */
    .speaking-box{ display: flex; justify-content: center; align-items: center; height: 200px; border: 1px solid #f1f1f1; }
    .speaking-box p{ line-height: 26px; text-align: center; font-size: 16px; }
    .speaking-box .red { color: #d43b33; }
    .speaking-box .green{ color: #d43b33; }
    
    .leftWaterfall{ float: left; width: 774px; margin-right: 25px;}
    .publish_0427{ float: right; width: 127px; height: 37px; text-align: center; color: #fff; font-size: 18px; border-radius: 6px; background: #6a9b16; line-height: 38px;}
    
    
    .people_List_0427{ overflow: hidden; clear: both; margin-top: 20px;}
    .people_List_0427 li{ width: 60px; float: left; margin: 15px; position: relative; text-align: center;}
    .people_List_0427 .doudong{ animation: shake 1s infinite; }
    .people_List_0427 .unfollow-box{ display: none; position: absolute; top: 0; right: 0; cursor: pointer; width: 20px; height: 20px; border-radius: 50%; background: #d43b33; color: #fff;}
    .people_List_0427 li .mask{position: absolute; left: 0; top: 0; width: 60px; height: 60px; background: url(img/touxiang.png) 0 0 no-repeat;}
    .people_List_0427 li span{ font-size: 13px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .rightWaterfall{ float: left; width: 774px;}
    .people_List_0427 .v{ position: absolute; left: 36px; top: 40px; width: 14px; height: 14px;}
    
    @keyframes shake {
        0% { transform: translate(0, 0); }
        40% { transform: translate(2px, 0); }
        60% { transform: translate(-2px, 0); }
        80% { transform: translate(2px, 0); }
        100% { transform: translate(0, 0); }
    }
    /* 黑名单 */
    .people_blacklist_box{margin-top: 10px;}
    .people_blacklist_box li{padding: 20px 10px; border-bottom: 1px solid #ddd;}
    .people_blacklist_box li:hover{background-color: #f1f1f1;}
    .people_blacklist_box .brief_color{font-size: 16px; color: #333;}
    .people_blacklist_box .info{margin-top: 10px; color: #888;}
    .people_blacklist_box .time{margin-top: 10px; font-size: 14px; color: #888;}
    .people_blacklist_box .text-box{margin-left: 10px;}
    .people_blacklist_box .btn-blacklist{width: 80px; height: 26px; margin-top: 30px; line-height: 26px; border: 1px solid #de766a; border-radius: 5px; text-align: center; color: #de766a; cursor: pointer;}
    .people_blacklist_box .btn-blacklist:hover{border: 1px solid #D43724; color: #D43724;}
    /*新增切换*/
    .leftWaterfall .l_1110{ background: url(img/nav_list_img_default.png) 0 0 no-repeat; width: 24px; height: 22px; float: right; margin-top: 9px;}
    .leftWaterfall .l_1110_cur{ background-image: url(img/nav_list_img.png);}
    .leftWaterfall .line_1110{ margin: 0 15px; background: #dbdbdb; width: 2px; height: 22px; float: right;  margin-top: 9px;}
    .leftWaterfall .ll_1110{ background: url(img/nav_img_list.png) 0 0 no-repeat; width: 21px; height: 22px; float: right;  margin-top: 9px; margin-right: 45px;}
    .leftWaterfall .ll_1110_cur{ background-image: url(img/nav_img_list_cur.png);}
    
    
    /*-------发谱--------*/
    .fabuyuepu{height: 38px; display: inline-block; background: #6a9b16; color: #fff; text-align: center; font-size: 18px; line-height: 38px; margin: 10px;}
    .fabuyuepu {width:90%;}
    .fabuzhuanji{width: 30%;}
    .yuepufeilei_0428{ display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #ddd; }
    .yuepufeilei_0428 li{ height: 34px; line-height: 34px; font-size: 14px;}
    .yuepufeilei_0428 li a{ display: block;}
    .yuepufeilei_0428 li i{ font-size: 12px; margin-left: 10px;}
    .yuepufeilei_0428 li.cur{ color: #d53a32;  border: 0 none;}
    .yuepufeilei_0428 li.cur a,.yuepufeilei_0428 li.cur i{ color: #d53a32;}
    .yuepufabu_tab{position: absolute; right: 0; bottom: 0;  width: 140px; height: 38px; z-index: 2;}
    .yuepufabu_tab h3{line-height: 32px; background-color: #d53a32; cursor: pointer; text-align: center; color: #fff;}
    .yuepufabu_tab .down{display: none; background: #fff; border: 1px solid #ddd;}
    .fabuzhuanji{display: block; width: 100%; height: 38px; line-height: 38px; color: #333; text-indent: 14px; font-size: 14px;}
    .fabuzhuanji:hover{color: #d53a32;}
    
    .yuepufabu_list_0428{ overflow: hidden; clear: both; background:#fff}
    .yuepufabu_list_0428 li{ width: 100%; float: left; padding: 15px 0; cursor: pointer; border-bottom: 1px solid #f1f1f1;}
    .yuepufabu_list_0428 li .img{ float: left; height: 60px; text-align: center; position: relative;}
    .yuepufabu_list_0428 li .text{position: relative; float: left; width: 918px; margin-left: 20px;}
    .yuepufabu_list_0428 li .text h3{ font-size: 16px; line-height: 36px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .yuepufabu_list_0428 li .text i{ color: #d53a32;}
    .yuepufabu_list_0428 li .text p{ font-size: 12px; clear: both; overflow: hidden;}
    .yuepufabu_list_0428 li .text p span{ float: left; margin-right: 15px;}
    .yuepufabu_list_0428 li .text p span.sanjiao{ background: url(img/sanjiao.png) left center no-repeat; padding-left: 13px;}
    .yuepufabu_list_0428 li .text p span.xin{ background: url(img/xin.png) left center no-repeat; padding-left: 22px;}
    .yuepufabu_list_0428 li .text p .c-hots{ display: inline-block; width: auto; height: 17px; vertical-align: text-bottom;}
    .yuepufabu_list_0428 li .play{ width: 104px; float: left;}
    .yuepufabu_list_0428 li:hover{ background: #FAFAFA;}
    .yuepufabu_list_0428 li:hover .text h3,.yuepufabu_list_0428 li:hover .text i{ color: #d53a32;}
    
    .yuepufabu_list_0428 .examine-box{position: absolute; top: 10px; right: 0; display: flex; align-items: center;}
    .yuepufabu_list_0428 .examine-box .examine-ytg{ width: 50px; height: 50px; background: url(img/examine_ytg.png) no-repeat; background-size: cover;}
    .yuepufabu_list_0428 .examine-box .examine-shz{ width: 50px; height: 50px; background: url(img/examine_shz.png) no-repeat; background-size: cover;}
    .yuepufabu_list_0428 .examine-box .examine-wtg{ width: 50px; height: 50px; background: url(img/examine_wtg.png) no-repeat; background-size: cover;}
    .yuepufabu_list_0428 .examine-box .main-box{ margin-right: 10px; }
    .yuepufabu_list_0428 .examine-box .text-green{ color: #35d4a5; }
    .yuepufabu_list_0428 .examine-box .text-red{ color: #f26f65; }
    .yuepufabu_list_0428 .examine-box .text-grey{ color: #757575;}
    .yuepufabu_list_0428 .examine-box .examine-del{ width: 40px; height: 24px; line-height: 24px; margin-right: 10px; border-radius: 3px; border: 1px solid #ccc; text-align: center; color: #999;}
    .yuepufabu_list_0428 .examine-box .examine-del:hover{border: 1px solid #888; color: #888;}
    /*--------收藏---------*/
    
    
    
    /*--------留言板--------*/
    .liuyanban_0428{ width: 693px; margin: 0 auto;}
    
    
    /*--------------专辑列表----------------*/
    .zhuanji_container_0608{ overflow: hidden; clear: both; margin: 0 21px;}
    .zhuanji_container_0608 li{ width: 162px; float: left; position: relative; margin-right: 36px; margin-bottom: 26px;}
    .zhuanji_container_0608 li .img{ float: left; width: 160px; height: 160px; border: 1px solid #e5e5e5; position: relative;}
    .zhuanji_container_0608 li .img .mask{ width: 100%; height: 28px; position: absolute; left: 0; bottom: 0; background: #333333; opacity: 0.75; filter:alpha(opacity=75);-moz-opacity:0.75;}
    .zhuanji_container_0608 li .img .text{ width: 100%; height: 28px; position: absolute; left: 0; bottom: -1px; line-height: 28px; font-size: 12px; color: #dcdcdc;}
    .zhuanji_container_0608 li .img .text .p{ float: left; background: url(img/sanjiao.png) 11px 9px no-repeat; padding-left: 25px;}
    .zhuanji_container_0608 li .img .text .x{ float: left; background: url(img/xin_0612.png) 11px 9px no-repeat; padding-left: 28px;}
    .zhuanji_container_0608 li .img .text .n{ float: right; padding-right: 8px;}
    .zhuanji_container_0608 li .title{ font-size: 16px; line-height: 22px; margin-top: 7px; float: left;}
    .zhuanji_container_0608 li.last{ margin-right: 0;}
    
    .zhuanji_container{position:relative; z-index:9; width:100%; margin:0 auto;	padding-bottom: 10px;}
    .zhuanji_container .box{width:240px;min-height:100px;background:#fff;float:left; position: relative;  border: 1px solid #d2d2cf;}
    .zhuanji_container .box .border{ clear: both; overflow: hidden; border: 1px solid transparent;}
    .zhuanji_container .box img{ display: block;}
    .zhuanji_container .box .play_img{ position: relative; clear: both; overflow: hidden;}
    .zhuanji_container .box .play_img .all_num{ position: absolute; right: 0; bottom: 20px; width: 40px; font-size: 12px; line-height: 24px; height: 24px;}
    .zhuanji_container .box .play_img .all_num i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.5; filter:alpha(opacity=50);-moz-opacity:0.5;}
    .zhuanji_container .box .play_img .all_num b{ color: #dddddd; position: absolute; left: 7px; top: 0; width: 100%; height: 100%;}
    .zhuanji_container .box .title{ font-size: 17px; line-height: 26px; padding-bottom: 9px; font-weight: normal; padding-left: 32px; background: url(img/zjpubu_t.png) 9px 8px no-repeat; padding-top: 4px;}
    .zhuanji_container .box .brief{  clear: both;}
    .zhuanji_container .box .content_color{ font-size: 13px; line-height: 22px;  padding: 10px 9px;}
    .zhuanji_container .box .icon{ font-size: 12px; line-height: 14px; padding: 0 9px; clear: both;}
    .zhuanji_container .box .icon span{ float: left;}
    .zhuanji_container .box .icon span.eye{ padding-left: 18px; background: url(img/eyes.png) 0 1px no-repeat;}
    .zhuanji_container .box .icon span.xin{ padding-left: 14px; background: url(img/pubu_xin.png) 0 1px no-repeat;}
    .zhuanji_container .box .icon span.msg{ padding-left: 18px; background: url(img/pubu_msg.png) 0 1px no-repeat; float: right;}
    .zhuanji_container .box .pubu_xuxian{ font-size: 0; line-height: 0px; padding-top: 10px; margin-top: 10px; border-top: 1px dashed #d2d2cf; clear: both;}
    
    .zhuanji_container .box .zhuanji_list_0428{ clear: both; overflow: hidden;height:104px;}
    .zhuanji_container .box .zhuanji_list_0428 li{ width: 100%; float: left; font-size: 14px; line-height: 26px;}
    .zhuanji_container .box .zhuanji_list_0428 li a{ display: block; text-indent: 12px;}
    .zhuanji_container .box .more{ display: block; width: 100%; height: 15px; background: url(img/zhuanji_down.png) center no-repeat; margin-bottom: 7px;}
    .zhuanji_container .box .more_click{ background-image: url(img/zhuanji_up.png);}
    .zhuanji_container .box:hover,.zhuanji_container .box:hover .border{ border-color: #d43a32;}
    
    
    
    
    
    
    /*--------帖子详情---------*/
    .tiezixq_con{ overflow: hidden; clear: both; margin: 22px 33px 0 33px; margin-left: 0;}
    .tiezixq_bread{ color: #518113;}
    .tiezixq_bread a{color: #518113;}
    .tiezixq_con .img{text-align: center;}
    .tiezixq_con .con{font-size: 16px; line-height: 30px;white-space:pre-wrap;}
    .tiezixq_con .prism-player{width: 680px; height: 383px; border: 1px solid #ccc;}
    .operationtime{ text-align: right; border-bottom: 1px solid #ddd; margin-left: 25px; margin-right: 47px; font-size: 12px; line-height: 39px; margin-left: 0; margin-right: 30px;}
    .operationtime span{ color: #888;}
    .operationtime a{ color: #6a9b16; margin: 0 14px;}
    .tiezixq_pinglun{ margin: 0 18px 0 32px;}
    .down_share_0421 .down .zan,.down_share_0421 .down .flower{display: inline-block; position: relative; padding-top: 50px; margin: 0 13px;font-size: 14px;}
    .down_share_0421 .down .zan{background: url(img/zan.png) no-repeat center top;}
    .down_share_0421 .down .nozan{ background-image: url(img/nozan.png);}
    .down_share_0421 .down .flower{background: url(img/flower_tiezi.png) no-repeat center top;}
    .down_share_0421 .down .zanNum,.down_share_0421 .down .flowerNum{color: #d43c33;}
    .video_icon{ position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin-left: -32px; margin-top: -32px; background: url(img/shequ_play.png) 0 0 no-repeat; cursor: pointer;}
    
    
    /*-----搜索结果-----*/
    .navOpt_0422 .title{ font-size: 16px; line-height: 38px; color: #58851d; float: left; margin-right: 35px; font-weight: normal;}
    .navOpt_0422 .s{ font-size: 16px; line-height: 38px; float: left; margin-right: 22px;}
    .navOpt_0422 .search_cur{ background: url(img/friendNav_cur.png) center bottom no-repeat; color: #d53a32;}
    .search_his{padding: 5px; line-height: 28px; background-color: #fff; font-size: 12px; }
    .search_his a{display: inline-block; margin: 4px; padding: 0 14px; border: 1px solid #ddd; border-radius: 15px;}
    
    .nosearchContent{ overflow: hidden; clear: both; text-align: center;}
    .nosearchContent .title{ font-size: 24px; line-height: 64px; text-align: center;}
    .nosearchContent .brief{ font-size: 14px; line-height: 24px; text-align: left; margin: 10px 110px;}
    
    /*------绑定手机号----- */
    .fatie-binding-box{ display: flex; }
    .fatie-binding-box .quhao{ margin-right: 10px; padding: 0 5px; width: 70px; border: 1px solid #ccc;}
    .fatie-binding-box .quhao:focus-visible{ outline: none; }
    .fatie-binding-box option{ line-height: 30px;}
    .fatie-binding-box input{ width: 530px !important; }
    /*------发帖-------*/
    .fatie_col{ margin: 0 auto; width: 726px; border: 1px solid #dddddd; padding: 20px 30px; background: #fff;}
    .fatie{ font-weight: normal; font-size: 20px; line-height: 30px; text-align: center; color: #d23a32;}
    .fatie_title{ float: left; width: 44px; font-size: 15px; line-height: 50px;}
    .fatie_con{ width: 681px; float: left;}
    .fatie_con .btn_verification{width:130px; height: 50px; margin-left: 10px; line-height: 54px; text-align: center; font-size: 14px; background-color: #f1f1f1; border: 1px solid #ccc;}
    .fatie_btn{width: 340px; padding-left: 140px;}
    .fatie-emoji-list{width: 634px; margin-left: 44px;}
    .fatie-emoji-list ul{border-top: 1px solid #ccc; border-right: 1px solid #ccc;}
    .fatie-emoji-list li{float: left; padding: 6px; border-left: 1px solid #ccc;}
    .fatie-emoji-list li:hover{background: #ccc;}
    .fatie_btn .btn-success{width: 140px; height: 40px; margin-left: 20px; line-height: 40px; border-radius: 6px; border: none; text-align: center; font-size: 16px; background-color: #c93e2f; color: #fff;}
    .fatie_must{ width: 654px; background: url(img/fatie_xingxing.png) right center no-repeat;}
    .fatie-zhuangtai{display: flex; align-items: center;}
    .fatie-zhuangtai span{ padding-left: 5px; cursor: pointer; }
    .fatie_con .input{ width: 610px; height: 30px; padding: 9px 11px; border: 1px solid #ccc; outline: none; font-size: 20px; border-radius: 0; line-height: 30px; color: #222222;}
    .fatie_con textarea{ width: 602px; resize:none; height: 422px; border: 1px solid #ccc; font-size: 16px; line-height: 24px; padding: 15px; -webkit-box-shadow: none; border-radius: 0; box-shadow: none; -moz-box-shadow:none;}
    .fatie_con>span{float: left; margin-right: 15px; line-height: 34px; padding: 0 10px; border: 1px solid #ccc; color: #999;  font-size: 15px;}
    .fatie_con>span:hover{cursor: pointer;}
    .fatie_con .opt_con{background-color: #27a213; border: 1px solid #27a213; color: #fff;}
    .fatie_con .fatie_optbtn{ padding-right: 21px; float: left;  background: url(img/fatie_xingxing.png) right center no-repeat;}
    .fatie_con .fatie_optbtn a{border: 1px solid #ccc; float: left; font-size: 16px; line-height: 34px; height: 34px; width: 90px; text-align: center;}
    .fatie_optList{width: 680px; height: 556px; position: fixed; left: 50%; top: 50%; margin-left: -340px; margin-top: -278px; background: #eeeeee; z-index: 999; display: none;}
    .fatie_optList_line{ height: 1px; width: 640px; line-height: 1px; font-size: 1px; background: #d6d6d6; margin: 15px auto 28px;}
    .fatie_optList_key{ float: left; width: 127px; text-align: right; line-height: 33px; font-size: 14px; color: #367715; margin-right: 14px;}
    .fatie_optList_val{ float: left; width: 465px;}
    .fatie_optList_val span{ float: left; padding: 0 18px; line-height: 36px; font-size: 18px; cursor: pointer; border: 2px solid transparent; border-radius: 6px;}
    .fatie_optList_val span.cur{ border-color: #ff0000; background: #fff; }
    .fatie_optList_btn, .fatie_sub_btn{ float: right; width: 127px; height: 37px; background: #d23a32; color: #fff; font-size: 18px; line-height: 38px; text-align: center; margin-right: 66px; border-radius: 6px;}
    .fatie_con .img{ width: 150px; height: 150px; border: 1px solid #ccc; float: left; position: relative; margin: 0 10px 10px 0; cursor: pointer;}
    .fatie_con .img img{width: 140px; height: 140px; padding: 5px;}
    .fatie_con .pic_0219{ background: url(img/pic_0219.jpg) 20px 0 no-repeat; width: 150px; height: 150px; border-left: 1px solid #ccc; overflow: hidden; background-size: 110px;}
    .fatie_con .video_0219{ background: url(img/video_0219.jpg) 20px 0 no-repeat; width: 150px; height: 150px; background-size: 110px;}
    .fatie_con .youku_0219{ background: url(img/youku_0219.jpg) 0 0 no-repeat; width: 150px; height: 150px;}
    .fatie_con .img h3{ text-align: center; font-weight: normal; position: absolute; left: 0; bottom: 54px; width: 150px; font-size: 20px; z-index: 10;}
    .fatie_con .img p{ text-align: center; position: absolute; left: 0; top: 105px; width: 150px; font-size: 14px; line-height: 20px; color: #999999; z-index: 10;}
    .fatie_con .img .del{ position: absolute; right: 0; top: 0; width: 34px; height: 33px; background: url(img/fatie_imgdel.png) center no-repeat; cursor: pointer;}
    .fatie_con .img .del_bg{ position: absolute; right: 0; top: 0; width: 34px; height: 33px; background: #000000; filter:alpha(opacity=50); opacity:0.5; cursor: pointer;}
    .fatie_con .add_bg{ width: 150px; height: 150px; background: url(img/fatie_imgadd.jpg) 0 0 no-repeat; position: relative;}
    .fatie_con .add_bg a{ position: absolute; font-size: 14px; top: 93px; color: #d43c33;}
    .fatie_con .add_bg a.f{ left: 16px;}
    .fatie_con .add_bg .i{ right: 0px; position: absolute; font-size: 14px; top: 93px; color: #d43c33; cursor: pointer;  width: 75px; height: 30px; text-align: center; overflow: hidden; cursor: pointer; z-index: 9;}
    .fatie_con .add_bg .i span{ color: #d43c33; cursor: pointer;}
    .pic_0219 input, .file_input{ position:absolute; z-index:100; font-size:125px;opacity:0;filter:alpha(opacity=0); right: 0; top: 0; width: 150px; height: 150px; cursor: pointer;}
    .fatie-btn .standard{float: left; margin-left: 44px; color: #d23a32; text-decoration: underline;}
    /*本地视频上传*/
    #picker .webuploader-pick{width: 150px;height: 150px;}
    .webuploader-element-invisible{position: absolute !important;clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px);}
    .loader-container{display:none;height: 12px; width: 600px; position: fixed; top: 50%; left: 50%; margin-top: -6px; margin-left: -300px; background-color: #ff0000; background-image: -webkit-linear-gradient(left, #5bd8ff, #ff0000); background-image: -moz-linear-gradient(left, #5bd8ff, #ff0000); background-image: -o-linear-gradient(left, #5bd8ff, #ff0000); background-image: -ms-linear-gradient(left, #5bd8ff, #ff0000); background-image: linear-gradient(left, #5bd8ff, #ff0000); box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.4); border-radius: 4px; z-index: 11;}
    .run .runner{content: ""; position: absolute; right: 0; height: 100%; width: 0%; background-color: #212121; background-image: -webkit-linear-gradient(top, #000000, #212121); background-image: -moz-linear-gradient(top, #000000, #212121); background-image: -o-linear-gradient(top, #000000, #212121); background-image: -ms-linear-gradient(top, #000000, #212121); background-image: linear-gradient(top, #000000, #212121); border-radius: 4px;}
    .meter{position: absolute; top: 0; right: 0; font-size: 2em; margin-top: 14px; color: #ff0000; /*animation: meter 10s linear;*/ text-shadow: 0 -1px 0 #333333;}
    
    .load_box{ display: none; overflow:  hidden; clear: both;}
    .loadBar{width: 637px; height: 30px; border-radius: 20px; position: relative;} 
    .loadBar .loadBar_box{width: 100%; height: 100%; position: absolute; top: 0; left: 0;} 
    .loadBar .loadBar_box span, .loadBar .loadBar_box i{box-shadow: inset 0 -2px 6px rgba(0, 0, 0, .4); width: 0%; display: block; height: 100%; position: absolute; top: 0; left: 0; border-radius: 20px;} 
    .loadBar .loadBar_box i{width: 100%; -webkit-animation: move .8s linear infinite; -moz-animation: move .8s linear infinite; background: -webkit-linear-gradient(left top, #c0392b 0%, #c0392b 25%, #e74c3c 25%, #e74c3c 50%, #c0392b 50%, #c0392b 75%, #e74c3c 75%, #e74c3c 100%); background: -moz-linear-gradient(left top, #c0392b 0%, #c0392b 25%, #e74c3c 25%, #e74c3c 50%, #c0392b 50%, #c0392b 75%, #e74c3c 75%, #e74c3c 100%); background-size: 40px 40px;} 
    .loadBar .loadBar_box span .percentNum{position: absolute; top: 0%; right: 5%; font-size: 20px; color: #fff; line-height: 32px;} 
    @-webkit-keyframes move{
        0%{background-position: 0 0;} 
        100%{background-position: 40px 0;} 
    }
    @-moz-keyframes move{
        0%{background-position: 0 0;} 
        100%{background-position: 40px 0;} 
    }
    .load_name{ overflow: hidden; clear: both; margin-top: 12px;}
    .load_name .l{ font-size: 16px; line-height: 24px; color: #333333;}
    .load_name .r{ font-size: 16px; line-height: 24px; color: #333333; margin-right: 44px; display: none;}
    .load_note{ font-size: 16px; line-height: 24px; color: #999999; display: none;}
    .load_note i{ color: #d23a32; margin: 0 5px;}
    /*新增*/
    .setUpOpt{ overflow: hidden; clear: both;}
    .setUpOpt li{ float: left; width: 100%; font-size: 20px; line-height: 26px; height:25px; cursor: pointer; margin-bottom: 20px; padding-left: 13px; border-left: 4px solid transparent;}
    .setUpOpt li.cur{ color: #d43a32; border-left-color: #d43a32;}
    .passwordBox{ width: 600px; margin: 0 auto; overflow: hidden; clear: both; margin-bottom: 53px;}
    .passwordBox span{ float: left; width: 115px; background: url(img/fatie_xingxing.png) 0 15px no-repeat; font-size: 18px; line-height: 48px; color: #222222; padding-left: 15px;}
    .passwordBox .pw{ float: left; width: 438px; border: 1px solid #ccc; height: 28px; padding: 10px; outline: none;}
    .pw_hint{ font-size: 16px; line-height: 24px; color: #d43a32; text-align: center; width: 600px; margin: 25px auto; overflow: hidden; clear: both; height: 24px;}
    
    /*-------个人信息-------*/
    .fatie_con .img_bg{ width: 500px;}
    .fatie_con .add_tx{ float: left; margin-right: 13px; position: relative; margin-bottom: 16px; width: 75px; height: 150px; }
    .fatie_con .add_tx .i{position: absolute; left: 10px; bottom: 10px; width: 82px; height: 32px; line-height: 32px; font-size: 14px; color: #d43c33; cursor: pointer;  text-align: center; overflow: hidden; border: 1px solid #ccc;}
    .fatie_con .add_tx .i input{position: absolute; top: 0; left: 0; width: 84px; height: 34px; opacity: 0; cursor: pointer; z-index: 1;}
    .fatie_con .add_tx .i span{position: absolute; top: 0; left: 0; right: 0; color: #d43c33; cursor: pointer; border: none;}
    .fatie_con label{ font-size: 16px; line-height: 50px; margin-right: 30px;}
    .fatie_con .add_tx .tit{position: absolute; left: 10px; top: 0;  width: 150px; color: #999; font-size: 14px;}
    .fatie_con .add_tx .tit i{ display: block;}
    
    /*-----------首页---------*/
    .col_700{ width: 700px; float: left; margin-right: 38px;}
    .col_262{ width: 262px; float: left;}
    .col_426{ width: 426px; float: left;}
    .breadTitle{ font-weight: normal; font-size: 24px; line-height: 26px; margin-bottom: 18px; color: #ff0000; float: left; margin-right: 25px;}
    .border_sou{ border: 1px solid #ccc; clear: both; overflow: hidden; padding: 10px 10px 0 10px;}
    .newstyle_sou_0902{ clear: both; overflow: hidden; line-height: 26px; font-size: 14px; color: #494949; height:268px}
    .newstyle_sou_0902 i{ color: #000000; font-size: 17px;}
    .newstyle_sou_0902 a{ color: #333333;}
    .newstyle_sou_0902 a:hover{color: #FF0000;}
    .newstyle_sou_0902_jita{ height: 332px;}
    
    .music_listimg{ clear: both; overflow: hidden;}
    .music_listimg li{width: 132px;height: 150px; margin-right:10px; float: left;}
    .music_listimg li.last{ margin-right: 0;}
    .music_listimg li .p_yp_img{ width: 132px; height: 100px; padding: 0px;}
    .music_listimg li .p_video_text {width: 100%;overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;font-size: 12px;color: #777; background: #F5F5F5; line-height:20px; text-indent: 5px;}
    .music_listimg li .p_video_text a{ line-height: 20px;}
    .newstyle_roll .newstyle_touchprev{ background: url(/static/css/newstyle/img/prev.png?1) 0 0 no-repeat; display: inline-block; width: 27px; height: 78px; position: absolute; top: 232px; left: 5px; display: none;}
    .newstyle_roll .newstyle_touchnext{ background: url(/static/css/newstyle/img/next.png?1) 0 0 no-repeat; display: inline-block; width: 27px; height: 78px; position: absolute; top: 232px; right: 15px; display: none;}
    
    .music_listimg li .p_yp_img .newstyle_icon{position:absolute;top:0px;left:92px; background: url(img/icon_1.png?1) no-repeat; width: 35px; height: 27px;}
    .music_listimg li .p_yp_img .dujia{ background-position: 0px 0px;}
    .music_listimg li .p_yp_img .jingdian{ background-position: 0px -35px;}
    .music_listimg li .p_yp_img .shoufa{ background-position: 0px -70px;}
    .music_listimg li .p_yp_img .vip{ background-position: 0px -104px;}
    .music_listimg li .p_yp_img .zuire{ background-position: 0px -134px;}
    .music_listimg li .p_yp_img .zuixin{ background-position: 0px -169px;}
    .music_listimg_jita li{ height: 182px;}
    .music_listimg_jita li .p_yp_img{ height: 132px;}
    
    .bigtitle{ text-align: center; overflow: hidden; clear: both; position: relative;}
    .bigtitle a,.bigtitle em{ background: url(img/bigtitle_bg.jpg) left 0 no-repeat;}
    .bigtitle a{ display: inline-block; *display: inline; zoom: 1; height: 42px; padding-left: 17px; overflow: hidden; background-position: left 0;}
    .bigtitle em{ background-position: right 0; padding-right: 17px; font-size: 18px; color: #666666; display: inline-block; *display: inline; zoom: 1; line-height: 42px; overflow: hidden;}
    .bigtitle a:hover,.bigtitle em:hover{ background-image: url(img/bigtitle_bg_cur.jpg);}
    .videoCourse_listimg li{ height: 182px;}
    .videoCourse_listimg li .p_yp_img{ width: 132px; height: 132px; padding: 0px;}
    
    .music_people{ float: left; width: 270px; height: 352px; position: relative;}
    .music_people em{ display: block; text-align: center; color: #222222; font-size: 17px; line-height: 38px; width: 100%; background:#f5f5f5;}
    .music_people_one{ margin-right: 22px; margin-left: 12px;}
    .option{ float: left; font-size: 16px; line-height: 20px; margin-top: 5px;}
    .option a{ float: left; color: #666666; margin-right: 25px; padding: 0 5px;}
    .option a.cur{ border-bottom: 2px solid #d43c33; color: #d43c33;}
    .option a:hover{ color: #d43c33;}
    
    
    
    
    
    /*--------视频教程列表页--------*/
    .class_listimg{ overflow: hidden; clear: both;}
    .class_listimg li{ width: 242px; height: 385px; float: left; margin-right: 10px; background: #F5F5F5; margin-bottom: 24px;}
    .class_listimg li.last{ margin-right: 0;}
    .class_listimg li .img{ width: 242px; height: 242px; padding: 0px;}
    .class_listimg li .name{ color: #333333; font-size: 16px; line-height: 18px; padding: 15px 15px 10px 15px;overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis; font-weight: normal; background: #F5F5F5;}
    .class_listimg li .name a{ color: #333333;}
    .class_listimg li .text {font-size: 12px;color: #666666; background: #F5F5F5; line-height:20px; padding: 0 15px; height: 60px; overflow: hidden;}
    .class_listimg li .text a{ color: #666666;}
    .class_listimg li .num{ margin: 15px 15px 10px; color: #999999; padding-left: 23px; background: url(img/eyes.png) 0 1px no-repeat; font-size: 12px; display: block; line-height: 14px;}
    .lesson_logo .box .pianotext{ height: 50px;}
    .lesson_logo .box .pianotext h3{ line-height: 50px;}
    /*---------视频教程播放页----------*/
    
    .col_679{ width: 679px; float: left; margin-right: 21px;}
    .col_300{ width: 300px; float: left;}
    .content_box{ overflow: hidden; clear: both;}
    .play_num{ float: left;width: 309px;text-align: right;margin-top: 14px; margin-right: 20px; position: relative;}
    .play_num a{ font-size: 14px; line-height: 24px; color: #666666; float: right; background: url(img/play_sanjiao.png) 0 3px no-repeat; padding-left: 27px;}
    .pdl_20{ padding-left: 20px;}
    
    .author_introduce{ overflow: hidden; clear: both;}
    .author_introduce .img{ width: 100px; float: left; margin-right: 20px;}
    .author_introduce .text{ width: 558px; float: left; font-size: 14px; line-height: 24px;}
    
    .liuyan_con_w620_0715{float: left; width: 600px;height: 120px;}
    .liuyan_con_w620_0715 textarea{ border: 0 none; border-radius: 0; background: transparent; width: 598px; height: 113px; outline: none; overflow: hidden; resize: none; padding-left: 20px; padding-top: 5px;}
    .touxiang_mgr{ margin-right: 9px;}
    
    .border_e7{ border: 1px solid #E7E7E7; overflow: hidden; clear: both; background: #fff;}
    .mag_t_l{ margin-top: 23px; margin-left: 10px;}
    
    .courseList{ overflow: hidden; clear: both; margin-bottom: 6px;}
    .courseList li{ width: 100%; float: left; padding: 6px 0; height: 81px; border-bottom: 1px dashed #ebebeb;}
    .courseList li a{ display: block;width: 100%; height: 100%;}
    .courseList li .num{ width: 30px; height: 30px; background: #d4d4d4; float: left; text-align: center; font-size: 18px; line-height: 30px; margin-top: 24px; margin-left: 26px; margin-right: 25px;}
    .courseList li .img{ width: 81px; float: left; margin-right: 14px;}
    .courseList li .txt{ width: 200px; float: left; margin-right:17px; font-size: 16px; line-height: 24px; }
    .courseList li .two{ margin-top: 18px;}
    .courseList li .one{ margin-top:28px;}
    .courseList li:hover{ background: #ebebeb;}
    .courseList li:hover .txt{ color: #00a0e9;}
    .courseList li:hover .num{ background: #00a0ea; color: #fff;}
    
    .courseList_img li .img{ margin-left: 35px;}
    .courseList_img li .txt{ width: 150px;}
    .courseList_img li .two{ margin-top: 16px;}
    .courseList_img li .one{ margin-top:30px;}
    
    
    
    /*------发布吉他谱-------*/
    .fatie_jita_col{ margin: 0 auto; width: 758px; border: 1px solid #bbbbbb; background: #fff;}
    .fatie_jita{font-size: 30px; line-height: 30px; text-align: center; color: #d23a32; font-weight: normal;}
    .fatie_jita_title{ float: left; width: 146px; font-size: 16px; line-height: 50px; text-align: right; margin-right: 13px;}
    .fatie_jita_con{ width: 540px; float: left; position: relative;}
    .fatie_jita_must{ width: 560px; background: url(img/fatie_xingxing.png) right center no-repeat;}
    .fatie_jita_con .input{ width: 516px; height: 30px; padding: 9px 11px; border: 1px solid #ccc; outline: none; font-size: 16px; border-radius: 0; line-height: 30px; color: #222222;}
    .fatie_jita_con textarea{ width: 508px; resize:none; height: 148px; border: 1px solid #ccc; font-size: 16px; line-height: 24px; padding: 15px; -webkit-box-shadow: none; border-radius: 0; box-shadow: none; -moz-box-shadow:none;}
    .fatie_jita_con .opt_con{margin-left: 15px; margin-right: 28px; }
    .fatie_jita_con .fatie_optbtn{ background: none;}
    .fatie_jita_con .explain{ font-size: 12px; line-height: 28px; height: 28px;}
    .fatie_jita_con .bd{ width: 538px; resize:none; height: 148px; border: 1px solid #ccc;}
    .fatie_jita_con .bd .add_bg{ width: 142px; height: 42px; border: 1px solid #ccc; border-radius: 6px; text-align: center; font-size: 16px; color: #d23a32; margin: 0 auto; overflow: hidden; cursor: pointer; line-height: 42px; position: relative; z-index: 9;}
    .fatie_jita_con .explain a{ color: #d23a32;}
    .fatie_jita_con .bd .mbd{ margin: 18px; overflow: hidden; clear: both;}
    .fatie_jita_con .jitatie_add_img{ float: left; width: 118px; margin-right: 60px;}
    .fatie_jita_con .jitatie_add_img img{ border: 1px solid #ccc;}
    .fatie_jita_con .add_img_file{ float: left; width: 324px;}
    .fatie_jita_con .add_img_file .add_img_file_btn{ width: 142px; height: 42px; border: 1px solid #ccc; border-radius: 6px; text-align: center; font-size: 16px; color: #d23a32; overflow: hidden; cursor: pointer; line-height: 42px; position: relative; z-index: 9;}
    .loading_0724{ width: 32px; height: 32px; position: fixed; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; z-index: 12; display: none;}
    .refresh_error_text{ background: rgba(0,0,0,0.6); padding: 30px 100px; font-size: 30px; line-height: 40px; color: #fff;  z-index: 12; display: none; text-align: center; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 10px;}
    /*-----首发-----*/
    .musicImgList{ overflow: hidden; clear: both;}
    .musicImgList li{ width: 137px; float: left; margin-right: 28px; }
    .musicImgList li.last{ margin-right: 0px;}
    .musicImgList li .musicImgCon{ width: 137px; height: 137px; margin-bottom: 24px; position: relative;}
    /*.musicImgList li .musicImgCon:hover{ background: url(img/selected_150.png) 0 0 no-repeat;}*/
    .musicImgList li .musicImgCon .mask{ position: absolute; bottom: 0px; left: 0px; width: 137px; height: 73px;}
    .musicImgList li .musicImgCon .text{ width: 137px; position: absolute; bottom: 0px;left: 0px; height: 36px;}
    .musicImgList li .musicImgCon .text h3{ font-size: 14px; line-height: 46px; overflow: hidden; height: 36px; text-overflow: ellipsis; white-space: nowrap; color: #fff;word-wrap: normal; text-indent: 10px; font-weight: normal;}
    .musicImgList li .musicImgCon .text h3 a{ color: #fff;}
    .musicImgList li .musicImgCon .text p{ font-size: 12px; line-height: 20px; overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: nowrap; color: #a0a0a0;word-wrap: normal; text-indent: 10px;}
    
    
    /*--------个人空间头部---------*/
    .introduction{position: relative; padding: 20px 0; width: 1024px; overflow: hidden; clear: both; background: #F9F9F9;}
    .introduction li.img{position: relative; width: 180px; height: 180px; overflow: hidden;}
    .introduction li.text{position: absolute; top: 20px; left: 200px; width: 830px;}
    .introduction li.img img{ width: 180px; height: 180px; object-fit: cover; }
    .introduction li.text .name{ font-weight: normal; font-size: 24px; line-height: 31px; color: #000000; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd;}
    .introduction li.text .name span{ float: left; margin-right: 5px;}
    .introduction li.text .name .woman{ width: 20px; height: 20px; float: left; background: url(img/woman.png) 0 0 no-repeat; margin-top: 5px;}
    .introduction li.text .name .man{ width: 20px; height: 20px; float: left; background: url(img/man.png) 0 0 no-repeat; margin-top: 5px;}
    .introduction li.text .name .icon,
    .introduction li.text .name .btn-black-list{ border: 1px solid #d2d2d2; font-size: 14px; float: right; color: #222222; text-align: center; cursor: pointer; line-height: 28px; border-radius: 4px; padding: 0 10px;}
    .introduction li.text .name .icon i,
    .introduction li.text .name .btn-black-list i{ color: #d43a32; margin-right: 5px;}
    .introduction li.text .name .icon_cur{ color: #666666;}
    .introduction li.text .name .btn-vip{float: left; width: 24px; margin-top: 2px; margin-right: 10px;}
    .introduction li.text .name .btn-vip2{float: left; margin-top: 4px; margin-right: 5px;}
    .introduction li.text .name .vip-btn-upgrade{float: left; margin-right: 10px;}
    .introduction li.text .name .cion{ float: left; background:url(/static/tan8/style/img/cion_num.png) 9px 2px no-repeat #fc4d14; line-height: 22px; height: 22px; padding: 0 10px; font-size: 16px; color: #fff; margin-top: 8px; border-radius:12px; margin-right: 15px; padding-left: 30px;}
    .introduction li.text .mansdata{ overflow: hidden; clear: both; margin-bottom: 10px;}
    .introduction li.text .mansdata dd{ float: left; border-left: 1px solid #dddddd; padding: 0 40px 0 20px;}
    .introduction li.text .mansdata dd.fir{ padding-left: 0; border-left: 0;}
    .introduction li.text .mansdata dd a{ display: inline-block; zoom: 1; color: #555555;}
    .introduction li.text .mansdata dd a b{ font-size: 24px; display: block; cursor: pointer;}
    .introduction li.text .mansdata dd a i{ display: block; cursor: pointer; font-size: 12px;}
    .introduction li.text .b{ line-height: 24px; font-size: 12px;word-wrap: break-word;word-break: break-all;white-space: normal; margin-bottom: 5px;}
    .introduction li.text .mansdata dd a:hover{ color: #c93e2f;}
    .introduction li.text .name .set_btn_new{float: right; margin-right: 10px; padding: 0 10px; border: 1px solid #ccc; border-radius: 6px; text-align: center; font-size: 13px;}
    .introduction li.text .name .v{font-size: 14px; line-height: 24px; margin-top: 10px; color: #888888; float: left;}
    .introduction li.text .text-name{float: left; line-height: 24px; margin-top: 10px; margin-right: 10px; font-size: 14px; color: #888888;}
    .introduction li.text .name .position{ float: right; font-size: 14px; line-height: 20px; margin-top: 10px; color: #888888;}
    .introduction li.text .name .sendM,.introduction li.text .flower_btn{margin:0 10px; padding: 0 10px 0 26px; line-height: 28px;  border: 1px solid #d2d2d2;
    text-align: center; cursor: pointer; border-radius: 4px; color: #222; font-size: 14px;}
    .introduction li.text .flower_btn{float: left; background: url(img/flower_tiezi_small.png?1) 6px 5px no-repeat; color: #d43c33;}
    .introduction li.text .name .sendM{float: right; background: url(img/sendmessage.png) 6px 9px no-repeat;}
    
    /*----吉他谱---*/
    .jita_yuepu_introduce{ overflow: hidden; clear: both;}
    .jita_yuepu_introduce .img{position: relative; width: 220px; float: left; margin-right: 35px;}
    .jita_yuepu_introduce .btn-vip{position: absolute; left: 0; top: 0;}
    .jita_yuepu_introduce .text{ width: 456px; float: left;}
    .jita_yuepu_introduce .text ul{ float: left; width: 390px; margin-right: 8px;}
    .jita_yuepu_introduce .text .icon{ float: left; width: 58px; margin-top: 25px;}
    .jita_yuepu_introduce .text ul li{ width: 50%; float: left; font-size: 14px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .jita_yuepu_introduce .text ul li span{ color: #333333;}
    .jita_yuepu_introduce .text p{ font-size: 14px; line-height: 24px; overflow: hidden; white-space: pre-wrap;}
    
    .playmp3{ width: 710px; clear: both; position: relative; height: 85px; background: #343333;}
    .playmp3 .jindutiao{ background: #535353; width: 511px; line-height: 10px; position: relative;  height: 10px; border-radius: 4px;}
    .playmp3 .jindutiao .jindu{ position: absolute; top: 0px; left: 0px; height: 10px; background: url(img/jindutiao.jpg) 0 0 repeat-x; z-index: 1; border-radius: 6px;}
    .playmp3 .jindutiao .jindu:after{ content: ""; position: absolute; right: -7px; top: -2px; width: 14px; height: 14px; border-radius: 50%; background: #ededed;}
    .playmp3 .jindutiao .jiazai{ position: absolute; top: 0px; left: 0px; height: 10px; background: #535353; border-radius: 4px;}
    .playmp3 .play_pause,.playmp3 .play_repeat{ width: 60px; height: 60px; float: left; margin: 14px 8px 0;}
    .playmp3 .play_repeat p{ width: 60px; height: 60px; cursor: pointer; background: url(img/jita_replay.png) center no-repeat;}
    .playmp3 .play_pause p{ display: none; width: 60px; height: 60px; cursor: pointer;}
    .playmp3 .play_pause .play_btn{ display: block;}
    .playmp3 .play_pause .play_btn{ background: url(img/jita_pause.png) center no-repeat;}
    .playmp3 .play_pause .pause_btn{ background: url(img/jita_play.png) center no-repeat;}
    .playmp3 .play_pause .loading_btn{ background: url(img/jita_pause.png) center center no-repeat #7f7f7f;}
    .playmp3 .play_pause .error_btn{ background: url(img/jita_pause.png) 0 0 no-repeat;}
    
    .playmp3 .jindu_box{ width: 511px; float: left; margin-top: 15px; margin-left: 8px;}
    .playmp3 .jindu_box p{ float: left; font-size: 16px; color: #fff; line-height: 30px; width: 418px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .playmp3 .jindu_box p i{ color: #a0a0a0; margin-left: 10px;}
    
    .playmp3 .jindu_box .time{ float: right; font-size: 14px; line-height: 30px; color: #a0a0a0; }
    /*不是vip的情况下点击效果*/
    .play-yp{ width: 710px; clear: both; position: relative; height: 85px; background: #343333;}
    .play-yp .jindutiao{ background: #535353; width: 511px; line-height: 10px; position: relative;  height: 10px; border-radius: 4px;}
    .play-yp .jindutiao .jindu{ position: absolute; top: 0px; left: 0px; height: 10px; background: url(img/jindutiao.jpg) 0 0 repeat-x; z-index: 1; border-radius: 6px;}
    .play-yp .jindutiao .jindu:after{ content: ""; position: absolute; right: -7px; top: -2px; width: 14px; height: 14px; border-radius: 50%; background: #ededed;}
    .play-yp .jindutiao .jiazai{ position: absolute; top: 0px; left: 0px; height: 10px; background: #535353; border-radius: 4px;}
    .play-yp .play_pause,.play-yp .play_repeat{ width: 60px; height: 60px; float: left; margin: 14px 8px 0;}
    .play-yp .play_repeat p{ width: 60px; height: 60px; cursor: pointer; background: url(img/jita_replay.png) center no-repeat;}
    .play-yp .play_pause p{ display: none; width: 60px; height: 60px; cursor: pointer;}
    .play-yp .play_pause .play_btn{ display: block;}
    .play-yp .play_pause .play_btn{ background: url(img/jita_pause.png) center no-repeat;}
    .play-yp .play_pause .pause_btn{ background: url(img/jita_play.png) center no-repeat;}
    .play-yp .play_pause .loading_btn{ background: url(img/jita_pause.png) center center no-repeat #7f7f7f;}
    .play-yp .play_pause .error_btn{ background: url(img/jita_pause.png) 0 0 no-repeat;}
    
    .play-yp .jindu_box{ width: 511px; float: left; margin-top: 15px; margin-left: 8px;}
    .play-yp .jindu_box p{ float: left; font-size: 16px; color: #fff; line-height: 30px; width: 418px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .play-yp .jindu_box p i{ color: #a0a0a0; margin-left: 10px;}
    
    .play-yp .jindu_box .time{ float: right; font-size: 14px; line-height: 30px; color: #a0a0a0; }
    /*非VIP阻止蒙版*/
    .audio_box2{position: relative;}
    .audio-mask{position: absolute; left: 0; top: 0; width: 710px; height: 85px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; z-index: 5;}
    
    
    .playingZ .play_pause .play_btn, .playingZ .play_pause .loading_btn, .playingZ .play_pause .error_btn { display: none; }
    .playingZ .play_pause .pause_btn { display: block; }
    .loadingZ .play_btn, .loadingZ .pause_btn, .loadingZ .error_btn { display: none; }
    .loadingZ .loading_btn { display: block; }
    .errorZ .time, .errorZ .play_pause .play_btn, .errorZ .play_pause .pause_btn, .errorZ .jindutiao, .errorZ .play_pause .loading_btn { display: none; }
    .errorZ .play_pause .error_btn { display: block; }
    .errorZ .play-pauseZ p { cursor: auto; }
    .errorZ .error-messageZ { display: none; float: left; width: 337px;}
    
    
    .jita_name{ font-size: 20px; line-height: 25px;}
    .jita_name i{ font-size: 14px; margin: 0 10px;}
    
    
    .jita_yuepu_name{position: relative; clear: both;}
    .jita_yuepu_name h3{width: 470px; font-weight: normal; font-size: 22px; line-height: 35px;}
    .jita_yuepu_name i{ float: right; font-size: 15px; line-height: 35px;}
    .jita_yuepu_name .jita_option{ float: right; width: 197px; border: 1px solid #e2e2e2; height: 33px; background: #fff; position: relative; z-index: 2;}
    .jita_yuepu_name .jita_option span{ cursor: pointer; display: block; background: url(img/jita_tracks_bg.jpg) right top no-repeat; padding-right: 33px; text-align: center; font-size: 16px; line-height: 35px;}
    .jita_yuepu_name .jita_option .option_list{ position: absolute; left: -1px; top: 33px; width: 197px; background: #fff;border: 1px solid #e2e2e2; overflow: hidden; clear: both; border-bottom: 0 none; display: none;}
    .jita_yuepu_name .jita_option .option_list li{ width: 100%; overflow: hidden; float: left; height: 33px; text-indent:20px; font-size: 16px; border-bottom: 1px solid #e2e2e2; cursor: pointer; line-height: 33px;}
    .jita_yuepu_name .btn-box{position: absolute; right: 0; bottom: 0; width: 232px; height: 38px;}
    .jita_yuepu_name .btn{display: inline-block; width: 114px; height: 38px;}
    .jita_yuepu_name .guitar_img_fangda{background: url(img/guitar_quanping.png?2) center no-repeat;}
    .jita_yuepu_name .guitar_img_gaoqing{background: url(img/guitar_gaoqing2.png?3) center no-repeat;}
    
    .jiata_yuepu_img,.jiata_yuepu_imgs{ width: 690px; border: 1px solid #e0e0e0; padding: 5px; overflow: hidden; clear: both; background: #fffae9; position: relative;}
    .jiata_yuepu_img .jiata_yuepu_img_box,.jiata_yuepu_imgs .jiata_yuepu_img_box{ position: relative; width: 690px; min-height: 900px; overflow: hidden; clear: both;}
    .jiata_yuepu_img .jiata_yuepu_img_box ul{width: 11000px; clear: both;  position: relative;}
    .jiata_yuepu_imgs .jiata_yuepu_img_box ul{width: 11000px; clear: both;  position: relative;}
    .jiata_yuepu_img .jiata_yuepu_img_box ul li{ width: 690px; float: left; text-align:center;}
    .jiata_yuepu_imgs .jiata_yuepu_img_box ul li{ width: 690px; float: left;}
    .qupuPrev{width: 50%; height: 997px; position: absolute; top: 0; left: 5px; background: url("index_img/toggle_left.png") left center no-repeat;}
    .qupuNext{width: 50%; height: 997px; position: absolute; top: 0; right: 5px; background: url("index_img/toggle_right.png") right center no-repeat;}
    .qupuPrev:hover{background: url("index_img/toggle_left_on.png") left center no-repeat;}
    .qupuNext:hover{background: url("index_img/toggle_right_on.png") right center no-repeat;}
	.jiata_yuepu_img .guitar_img_quanping{ position: absolute; right: 70px; top: 0; background: url(img/guitar_fangda.png?2) center no-repeat; width: 50px; height: 75px; z-index: 1;}
    .jiata_yuepu_img .guitar_img_gaoqing{ position: absolute; right: 0; top: 0; background: url(img/guitar_gaoqing.png?2) center no-repeat; width: 50px; height: 75px; z-index: 1;}
    .allscreen_guitar_img{ background: #6d6666; position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 10000;}
    .allscreen_guitar_img .allscreen_guitar_img_box{ margin: 0 auto; overflow: hidden; clear: both; position: relative;}
    .allscreen_guitar_img .allscreen_guitar_img_box ul{ width: 9999px; position: absolute; clear: both; background-color: #fffae9;}
    .allscreen_guitar_img .allscreen_guitar_img_box li{ float: left;}
    .allscreen_guitar_img .guitar_img_suoxiao{ position: absolute; left: 20px; top: 20px; background: url(img/guitar_back.png?2) center no-repeat; width: 50px; height: 75px; z-index: 1;}
    .yuepu-vivid-wraper{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #6d6666; z-index: 10000;}
    .yuepu-vivid-wraper ul{overflow-y: auto; position: absolute; left: 50%; top: 0; background-color: #fffae9; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-o-transform: translate(-50%, 0); height: 970px; margin: 0 auto;}
    .yuepu-vivid-wraper .guitar_img_back{position: absolute; top: 20px; left: 20px;  width: 50px; height: 75px; background: url(img/guitar_back.png?2) center no-repeat;}
    /*-----我的消息-----*/
    .col_996{ width: 994px; margin: 0 auto; border: 1px solid #dddddd; overflow: hidden; clear: both;}
    .newsList{ float: left; width: 244px;  height: 644px;}
    .newsCon{ float: left; width: 749px;  border-left: 1px solid #dddddd;}
    .newsList ul{ overflow: hidden; clear: both;}
    .newsList ul li{position: relative; float: left; width: 100%; border-bottom: 1px solid #dddddd; padding: 16px 0; cursor: pointer;}
    .newsList ul li .img{ float: left; width: 69px; text-align: center; position: relative;}
    .newsList ul li.comment .img{ margin-top: 7px;}
    .newsList ul li.inform .img{ margin-top: 8px;}
    .newsList ul li .img img{ border-radius: 4px;}
    .newsList ul li .img .v{ position: absolute; left: 42px; top: 30px; width: 14px; height: 14px;}
    .newsList ul li .text{ float: left; width: 112px; font-size: 14px; line-height: 42px; color: #333333; position: relative; overflow: hidden; word-break: break-all; word-wrap: break-word; height: 42px;}
    .newsList ul li b{float: left; width: 29px; height: 18px; line-height: 18px; margin: 12px 0 0; background: #d33a32; border-radius: 8px; color: #fff; font-size: 12px; text-align: center;}
    .newsList ul li:hover{ background: #e3e3e3;}
    
    
    
    
    .newsCon_name{ text-align: center; width: 695px; margin: 0 27px; border-bottom: 1px solid #dddddd; padding: 20px 0;}
    .newsCon_name h3{ display: inline-block; zoom: 1; _display:inline; font-size: 18px; line-height: 28px; font-weight: normal; color: #333333;}
    .newsCon_name .myNews_pageNum{ float: right; font-size: 14px; line-height: 28px; color: #999999;}
    .newsCon_name .myNews_pageNum a{ color: #999999; padding: 0 5px;}
    .newsCon_name .myNews_pageNum a.cur{ color: #333333;}
    
    .myNews_con{clear: both; margin: 0 27px; height: 385px; border-bottom: 1px solid #dddddd;}
    .myNews_con li{ float: left; width: 100%; margin-bottom: 15px;}
    .myNews_con li .img{ width: 42px;  position: relative; margin-right: 5px;}
    .myNews_con li .img .v{ position: absolute; left: 30px; top: 32px; width: 14px; height: 14px;}
    .myNews_con li .img img{ border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
    .myNews_con li .text{ max-width: 500px; display: inline-block; _display:inline; zoom: 1; word-break: break-all; word-wrap: break-word;}
    .myNews_con li .text_marL{ margin-left: 20px;}
    .myNews_con li .text_marR{ margin-right: 20px;}
    .myNews_con li .text span{ display: block; font-size: 14px; line-height: 24px; color: #999999;}
    .myNews_con li .text .content{ background: #f0f0f0; text-align: left; padding: 15px; position: relative; font-size: 14px; line-height: 24px; color: #343535; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; word-wrap: break-word; word-break: break-all;}
    .myNews_con li .text .contentL{ background: #f0f0f0; }
    .myNews_con li .text .contentL:after{ content: ""; position: absolute; left: -5px; top: 9px; width: 0; height: 0; border-bottom: 5px solid transparent; border-right: 5px solid #f0f0f0; border-top: 5px solid transparent;}
    .myNews_con li .text .contentR{ background: #b2e281;}
    .myNews_con li .text .contentR:after{ content: ""; position: absolute; right: -5px; top: 9px; width: 0; height: 0; border-bottom: 5px solid transparent; border-left: 5px solid #b2e281; border-top: 5px solid transparent;}
    .myNews_con li.me {float: right;text-align: right;clear: right;}
    
    .myNews_textare{ margin: 0 27px; position: relative;}
    .myNews_textare .sendmsg_bg{background: transparent;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index:1; display: none;}
    .myNews_textare .sendmsg_load{ position: absolute; top: 50%; left: 50%; width: 110px; height: 100px; background: url(img/sendmsg.gif) center no-repeat; margin-left: -55px; margin-top: -50px; display: none;}
    .myNews_textare textarea{ width: 678px; height: 100px; border: 0 none;  background: transparent; font-size: 14px; line-height: 24px; resize:none; outline:none; margin-top: 10px;}
    .myNews_submit{ float: right; width: 106px; height: 33px; background: #fff; color: #333333; border: 1px solid #bfbfbf; border-radius: 4px; text-align: center; cursor: pointer; margin-bottom: 15px;}
    .myNews_textare ul{display: none; position: absolute; top: -76px; left: 30px; width: 416px; border: 1px solid #ccc; border-radius: 6px; background-color: #fff;}
    .myNews_textare li{float: left; padding: 6px;}
    .myNews_textare li:hover{background-color: #ccc;}
    .myNews_textare .emoji-img{margin-top: 10px;}

    
    .comment_con{ overflow: hidden; clear: both; margin:27px 0px 0 27px; height: 587px;}
    .comment_con li{ float: left; width: 100%; border-bottom: 1px dashed #ddd; margin-bottom: 10px; padding-bottom: 10px;}
    .comment_con li .img{ width: 42px; float: left; position: relative; margin-right: 15px;}
    .comment_con li .img .v{ position: absolute; left: 28px; top: 28px; width: 14px; height: 14px;}
    .comment_con li .img img{ border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
    .comment_con li .text{ float: left; width: 616px; position: relative; padding-bottom: 24px; margin-right: 18px;}
    .comment_con li .text h3{font-weight: normal; font-size: 14px; line-height: 26px; color: #333; word-break: break-all; word-wrap: break-word;}
    .comment_con li .text p{ font-size: 14px; line-height: 24px; color: #666; word-break: break-all; word-wrap: break-word;}
    .comment_con li .text span{ font-size: 14px; line-height: 24px; color: #999; position: absolute; right: 0; bottom: 0;}
    .myNews_page{ width: 100%; border-top: 1px solid #DDD; height: 29px; text-align: center;}
    .myNews_page a{ display: inline-block; zoom: 1; _display:inline; font-size: 14px; line-height: 30px; color: #999; padding: 0 5px;}
    .myNews_page a.cur{ color: #333;}
    
    
    /*推荐关注*/
    .daren_guanzhu_title{ overflow: hidden; clear: both; padding:0 35px; border-bottom: 1px solid #e5e5e5;}
    .daren_guanzhu_title h3{ font-size: 24px; line-height: 42px; float: left; margin-bottom: 36px; font-weight: normal;}
    .daren_guanzhu_title a{ font-size: 18px; color: #fff; text-align: center; width: 175px; float: right; line-height: 42px; height: 42px; background: #d53a32; border-radius: 6px;}
    
    .daren_guanzhu_content{ overflow: hidden; clear: both; border-bottom: 1px solid #E5E5E5; padding-bottom: 50px; margin-bottom: 50px; padding-left: 85px; padding-right: 85px;}
    .daren_guanzhu_box{ width: 340px;}
    .daren_guanzhu_box .img{ width: 50px; height: 50px; float: left; margin-right: 15px; border-radius: 50%;}
    .daren_guanzhu_box .img img{ display: block; border-radius: 50%;}
    .daren_guanzhu_box .text{ width: 275px; float: left;}
    .daren_guanzhu_box .text h3{ font-weight: normal; font-size: 22px; line-height: 24px; color: #2a2a2a; float: left;}
    .daren_guanzhu_box .text .guanzhu_btn{ width: 70px; text-align: center; border: 1px solid #999999; border-radius: 3px; color: #999999; float: right; font-size: 12px; line-height: 22px; height: 22px;}
    .daren_guanzhu_box .text .guanzhu_btn_cur{ color: #eb4014; border: 1px solid #eb4014;}
    .daren_guanzhu_box .text p{ background: url(img/v_1112.png) 0 5px no-repeat; padding-left: 20px; font-size: 14px; line-height: 26px; color: #2a2a2a;}
    .daren_guanzhu_box .brief{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 26px; color: #757474;}
    
    /*帖子详情修改*/
    .tiezi_title_1124{ width:725px ; padding: 6px 0 15px; background: #fff; clear: both;}
    .tiezi_title_1124 .yuepu_name_0421 h1.title_color{ position: relative; border-left: 4px solid #d53a32; padding-left: 29px; left: -31px; }
    .tiezixq_pinglun{ margin: 0; position: relative;}
    .tiezixq_pinglun h3.md_title{ color: #222222;  padding-left: 29px;}
    .tiezixq_pinglun .md{ position: relative; left: -31px;}
    .sub_1124{ margin-right: 34px;}
    .container_1124 .box{ border: 0 none; background: #fff; padding: 0 7px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);}
    .container_1124 .box .author .img{ border-radius: 50%;}
    .container_1124 .box .author .img img{ border-radius: 50%;}
    .tiezixq_pinglun .duanceng_absolute{ position: relative; left: -31px; width: 800px; -webkit-box-shadow: 2px 0px 1px rgba(241, 241, 241, 1); -moz-box-shadow: 2px 0px 1px rgba(241, 241, 241, 1); box-shadow: 2px 0px 1px rgba(241, 241, 241, 1); text-align: center;}
    .shoucang_1125{ margin-top: 8px;}
    .yuepu_name_0421 span{ font-size: 13px;}
    
    
    
    
    
    /*琴币详情*/
    .col_731{ width: 731px; float: left; margin-right: 15px;}
    .col_278{ width: 278px; float: left;}
    .piano_cion_nav_1211{ overflow: hidden; clear: both; background: #fff; padding: 0 29px;}
    .piano_cion_nav_1211 .piano_cion_nav_1211_opt{ float: left; width: 142px; text-align: center; border-bottom: 2px solid transparent; height: 68px; line-height: 68px; font-size: 18px;}
    .piano_cion_nav_1211 .piano_cion_nav_1211_opt_cur{ border-bottom: 2px solid #d53a32;}
    .piano_cion_nav_1211 .piano_cion_nav_1211_what{ float: right; background: url(img/piano_cion_nav_1211_what.png) 0 26px no-repeat; line-height: 68px; height: 68px; font-size: 14px; padding-left: 22px; color: #757474; }
    
    .piano_cion_paihang_box{ margin: 25px 23px 16px; overflow: hidden; clear: both;}
    .piano_cion_paihang_title{ font-weight: normal; font-size: 16px; line-height: 26px;}
    
    .piano_cion_paihang_main{ overflow: hidden; clear: both; margin-top: 26px;}
    .piano_cion_paihang_main .img{ border-radius: 50%; width: 55px; height: 55px; float: left; margin-right: 7px;}
    .piano_cion_paihang_main .text{ float: left; width: 170px;}
    .piano_cion_paihang_main .text p{ font-size: 18px; line-height: 20px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .piano_cion_paihang_main .text span{ float: left; color: #757474; font-size: 12px; line-height: 20px;}
    .piano_cion_paihang_main .text i{ float: right; color: #757474; font-size: 12px; line-height: 20px;}
    
    .piano_cion_paihang_list{ overflow: hidden; clear: both; margin-top: 30px;}
    .piano_cion_paihang_list li{ width: 100%; float: left; border-bottom: 1px solid #eeeeee; padding-bottom: 18px; margin-bottom: 18px;}
    .piano_cion_paihang_list li i{ width: 18px; height: 18px; background: #696e79; color: #fff; margin-right: 5px; float: left; border-radius: 50%; line-height: 18px; font-size: 12px; text-align: center; margin-top: 8px;}
    .piano_cion_paihang_list li i.one{ background: #e90e24;}
    .piano_cion_paihang_list li i.two{ background: #ffb000;}
    .piano_cion_paihang_list li .img{ float: left; width: 35px; margin-right: 5px; border-radius: 50%;}
    .piano_cion_paihang_list li .text{ width: 128px; float: left;}
    .piano_cion_paihang_list li .text h3{ font-weight: normal; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .piano_cion_paihang_list li .text p{ font-size: 12px; line-height: 20px;}
    .piano_cion_paihang_list li .btn{ width: 39px; height: 19px; border: 1px solid #757474; text-align: center; color: #757474; float: left;  margin-top: 8px; border-radius: 4px;}
    
    .piano_cion_box_1211{ background: #fff; overflow: hidden; clear: both;}
    .piano_cion_title{ text-align: center; font-size: 24px; line-height: 30px; font-weight: normal;}
    .piano_cion_img{ width:704px; margin: 0 auto; overflow: hidden; clear: both;}
    .piano_cion_lc{}
    .piano_cion_lc li{ float: left; width: 176px; text-align: center; font-size: 12px; line-height: 50px;}
    .buy_product_1214{ overflow: hidden; clear: both; width: 700px; margin: 0 auto;}
    .buy_product_1214 li{ float: left; width: 217px; margin-right: 24px;}
    .buy_product_1214 li.last{ margin-right: 0;}
    
    .piano_cion_fxzc{ overflow: hidden; clear: both; margin: 0 30px;}
    .piano_cion_fxzc li{ float: left; width: 100%;}
    .piano_cion_fxzc li i{ float: left; width: 25px; font-size: 14px; line-height: 30px;}
    .piano_cion_fxzc li .text{ float: left; width: 645px; font-size: 14px; line-height: 30px;}
    .piano_cion_fxzc li .text a{color:#2d64b3;}
    .piano_cion__details_btn{ width: 140px; display: block; margin: 0 auto; text-align: center; color: #fff; height: 40px; line-height: 40px; font-size: 14px; background: #d43e33; border-radius: 6px;}
    
    .piano_cion_box_brief{ font-size: 14px; line-height: 30px; margin: 0 100px;}
    .qinbimoney_table{}
    .qinbimoney_table{ width:100%; margin-bottom: 30px; table-layout:fixed ;}
    .qinbimoney_table tr{ height:40px;}
    .qinbimoney_table tr td{ width: 142px; font-size:16px; line-height:40px; height:40px; padding-left: 29px;}
    .qinbimoney_table tr td.bz{ width: 182px;}
    .qinbimoney_table tr td.border{ border-bottom: 1px solid #dddddd;}
    .qinbimoney_table tr.con td{ font-size: 12px; color: #757474;}
    .qinbimoney_table tr.con td.add{ color: #d43c33;}
    .qinbimoney_table tr.con td.remove{ color: #38b84d;}
    .qinbimoney_table tr.con td.t{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
    
    .piano_cion_main_bg{ background: url(img/cion_bg.jpg) 0 0 no-repeat; width: 731px; height: 251px; position: relative;}
    .piano_cion_main_bg i{ position: absolute; left: 50%; top: 60px; font-size: 48px; line-height: 60px; color: #fff; display: inline-block; background: url(img/cion_num_big.png) 0 7px no-repeat; padding-left: 55px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
    .piano_cion_main_bg p{ position: absolute; left: 211px; bottom: 81px; font-size: 20px; color: #fff;}
    .piano_cion_task_list{ width: 600px; margin: 0 auto; table-layout: fixed;}
    .piano_cion_task_list tr{ height:34px; margin-bottom: 60px; display: block;}
    .piano_cion_task_list tr td{ width: 150px; font-size: 18px; line-height: 34px; color: #414045;}
    .piano_cion_task_list tr td.btn{ width: 100px;}
    .piano_cion_task_list tr td.btn a{ display: inline-block; _display:inline; zoom: 1; width: 100px; text-align: center; background: #eb4014; color: #fff; border-radius: 6px;}
    .piano_cion_task_list tr td.btn a.f{ background: #999999;}
    .piano_cion_task_list tr td.mtdl{width: 150px; background: url(img/cion_task.png) 0 0 no-repeat; padding-left: 50px;}
    .piano_cion_task_list tr td.ft{width: 150px; background: url(img/cion_task.png) 0 -94px no-repeat; padding-left: 50px;}
    .piano_cion_task_list tr td.pl{width: 150px; background: url(img/cion_task.png) 0 -188px no-repeat; padding-left: 50px;}
    .piano_cion_task_list tr td.dz{width: 150px; background: url(img/cion_task.png) 0 -282px no-repeat; padding-left: 50px;}
    .piano_cion_task_list tr td.fx{width: 150px; background: url(img/cion_task.png) 0 -376px no-repeat; padding-left: 50px;}
    .piano_cion_task_list tr td.sc{width: 150px; background: url(img/cion_task.png) 0 -470px no-repeat; padding-left: 50px;}
    .piano_cion_task_list tr td.tj{width: 150px; background: url(img/cion_task.png) 0 -564px no-repeat; padding-left: 50px;}
    .piano_cion_task_list tr td.jj{width: 150px; background: url(img/cion_task.png) 0 -658px no-repeat; padding-left: 50px;}
    
    .qinbifanxian_box{ overflow: hidden; clear: both; width: 660px; margin: 0 auto;}
    .qinbifanxian_box .qinbifanxian_input li{ width: 100%; float: left; margin-bottom: 53px;}
    .qinbifanxian_box .qinbifanxian_input li span{ float: left; width: 185px; font-size: 18px; line-height: 50px; background: url(img/fatie_xingxing.png) 0 15px no-repeat; padding-left: 15px;}
    .qinbifanxian_box .qinbifanxian_input li input{ float: left; border: 1px solid #ccc; outline: none; width: 440px; height:30px; font-size: 20px; line-height: 30px; padding: 9px;}
    .qinbifanxian_box .qinbifanxian_input li .fanxian_error{ margin-left:200px; width: 460px; font-size: 20px; line-height: 30px; color: #d43e33;}
    
    /*搜索合集列表*/
    .collection_list{ background: #fff; padding: 0 20px;}
    .collection_list li{ width: 130px; margin-right: 27px;}
    .collection_list li .musicImgCon{ width: 130px; height: 130px;}
    .collection_list li .musicImgCon .mask{ width: 130px;}
    .collection_list li .musicImgCon .text{ width: 130px; background-image: url(/static/yupu20160506/images/bj-mask.png);}
    .collection_list_moreBtn{ display: block; width: 70px; margin: 0 auto; background: url(img/zhuanji_down.png) right center no-repeat #fff; padding-right: 20px; font-size: 14px; line-height: 20px; text-align: center;}
    .search_class_listimg{background: #fff; padding: 16px 20px;}
    .search_class_listimg li{ margin-right: 17px;}
    
    /*20160105 乐谱所属合集列表*/
    .yuepu_list_20160105 li{ width: 100px; margin-right: 21px; margin-top: 24px;}
    .yuepu_list_20160105 li .musicImgCon{ width: 100px; height: 100px;}
    .yuepu_list_20160105 li .musicImgCon .mask{ width: 100px;}
    .yuepu_list_20160105 li .musicImgCon .text{ width: 100px;}
    /*end*/
    
    @media screen and (min-width: 1300px){
        .sq{ width: 1300px;}
    }
    @media screen and (max-width: 1024px){
        .sq{ width: 1024px;}
        .friend_nav{ width: 1024px;}
        .column_wrapper_1024{ padding:0px;}
    }
    input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],textarea {-webkit-appearance: none;}
    
    
    /*pc端验证码蒙版的层级*/
    .fatie_video{
        position: relative; z-index:0;
    }
    /****VIP弹窗*****/
    .popup,.popup-price{position: fixed; display: none; border-radius: 10px; overflow: hidden; z-index: 11;}
    .popup-close a{display: block; position: absolute; top: 8px; right: 8px; width: 40px; height: 40px;}
    .popup-close img{display: block;}
    .popup-btn-open{height: 170px; background-color: #fff; font-size: 16px; text-align: center;}
    .popup-btn-open p{padding: 30px 0; color: #999;}
    .popup-btn-open a{display: block; position: absolute; bottom: 38px; left: 63px; width: 300px; height: 50px; line-height: 50px;
    border: 1px solid #fff; -webkit-border-radius:10px; border-radius: 10px; color: #fff; background: #dd4445; font-size: 18px;}
    .popup-price,.popup-success{width: 462px; background-color: #fff; text-align: center;}
    .popup-price .main,.popup-success{position: relative;}
    .popup-price .main img,.popup-success img{position: absolute; top: 15px; right: 15px;}
    .popup-price .main p{padding:30px 0 10px; font-size: 18px; color: #999;}
    .popup-price .main h3{font-size: 28px; color: #F86E64;}
    .popup-price .img-left,.popup-price .img-right{margin-left:45px; border: 1px solid #ccc;}
    .popup-price .img{padding: 10px;}
    .popup-price .text{padding: 0 10px 10px;}
    .popup-price .text img{display: block; width: 36px; float: left; }
    .popup-price .text p{width: 96px; padding-left: 10px; text-align: left; color: #999; font-size: 13px;}
    .popup-price .btn-buy a{display: block; width: 200px; height: 40px; margin: 0 auto; line-height: 40px; border-radius: 6px; background-color: #dd4445; font-size: 14px; color: #fff;}
    .popup-success{position: fixed; display: none; z-index: 12;}
    .popup-success h3{height: 50px; line-height: 50px; background-color: #f5f5f5; font-size: 18px; color: #555;}
    .popup-success p{padding:30px 0; font-size: 16px; color: #999;}
    .popup-success a{display: inline-block; width: 120px; height: 40px; line-height: 40px; border-radius: 6px; font-size: 14px; color: #fff;}
    .popup-success .btn-success{background-color: #dd4445;}
    .popup-success .btn-problem{margin-left: 30px; background-color: #999;}
    .mask-pop{display: none; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; opacity: 0.5; z-index: 10;}
    /*******VIP页面*********/
    .wraper{width: 1024px; margin: 0 auto;}
    .vip-title{height:70px; margin-bottom: 20px; line-height: 70px; background-color: #fff; text-align: center; font-size: 18px; color: #555;}
    .vip-title i{position: relative;}
    .vip-title i:before,.vip-title i:after{position: absolute; top: 0; width:30px; height: 20px; content: "";}
    .vip-title i:before{left: -40px; background: url(/static/mobile/img/vip-pinjia-bj_03.png) no-repeat; }
    .vip-title i:after{right: -40px; background: url(/static/mobile/img/vip-pinjia-bj_03.png) no-repeat;}
    .vip-wraper{width: 730px; background-color: #f1f1f1;}
    .vip-wraper-right{width: 274px;}
    .vip-header{position: relative; background-color: #ff6964; overflow: hidden; text-align: center;}
    .vip-header .countdown{ position: absolute; top: 37%; right: 0; width:50%; text-align: left; color: #fff; font-size: 16px;}
    .vip-header .daojishi_text{position: relative; padding-right: 10px; padding-left: 12px; line-height: 42px; font-size: 15px; color: #f1f1f1;}
    .vip-header .daojishi_text span{position: absolute; top: 18px; left: 0; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #f1f1f1; font-size: 11px;}
    .daojishi_text_remind{position: relative; margin: 10px 20px 0 0; text-align: center; font-size: 15px; font-weight: bold; color: #fef128;}
    .daojishi_text_remind:before{position: absolute; top: 9px; left: 0; display: block; content: ""; width: 33%; height: 1px; background-color: #fef128;}
    .daojishi_text_remind:after{position: absolute; top: 9px; right: 0; display: block; content: ""; width: 33%; height: 1px; background-color: #fef128;}
    .vip-header img{display: block; width: 100%;}
    .vip-toux{padding: 16px; background-color: #fff; color: #555;}
    .vip-toux .img{float: left; width: 80px;}
    .vip-toux .img img{width: 60px; border-radius: 50%; border: 1px solid #ccc;}
    .vip-toux .main h4{padding-top: 6px; font-size: 18px; font-weight: normal;}
    .vip-toux .main h5{color: #F86E64; font-size: 20px; line-height: 60px; font-weight: normal;}
    .vip-toux .main span{display:block; padding-top: 6px; color: #999; font-size: 14px; }
    
    .vip-header .success-text{position: absolute; bottom: 40px; width: 100%; text-align: center; color: #fff; font-size: 16px;}
    .vip-header .success-text span{font-size: 18px;}
    .vip-success-text{background-color: #fff; font-size: 16px;}
    .vip-success-text p{width:600px; line-height: 30px; font-size:15px; color: #999;}
    .vip-success-text em{display: inline-block; width: 30px; height: 30px; margin: 0 30px; line-height: 30px; border-radius: 50%; background-color: #F86E64; text-align: center; color: #fff;}
    .vip-success-text li{padding: 16px 0;}
    
    .vip-title,
    .vip-toux,
    .vip-bottom-text,
    .vip-list,
    .vip-praise{-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);}
    .vip-list h3,.vip-praise h3,.vip-praise .main h4,.vip-buy h3,.vip-bottom-text h3,.vip-bottom-text h4{font-weight: normal;}
    /* 付费页面违规列表 */
    .violation-box{padding: 20px; background-color: #fff;}
    .violation-box ul{ border: 1px solid #f1f1f1;}
    .violation-box li{position: relative; padding: 0 20px; border-bottom: 1px solid #f1f1f1; font-size: 14px;}
    .violation-box .last{ border: none; color: #D2322D;}
    .violation-box a{ position: absolute; top: 12px; right: 10px; color: #D2322D;}
    .violation-box h3{position: absolute; left: 20px; top: 2px; width: 80px; padding: 10px 0; font-size: 14px; font-weight: normal; }
    .violation-box p{padding: 10px 0 10px 90px; line-height: 24px; color: #666;}
    /***vip价格****/
    .vip-buy{background-color: #fff;}
    .vip-buy h3{float: left;  padding-left: 50px; width:240px; font-size: 16px; color: #555; line-height: 80px;}
    .vip-buy .yongjiu{background: url(/static/mobile/img/vip-pic-bj_01.png?1) 0 20px no-repeat; background-size: 34px;}
    .vip-buy .yongjiu i{display: inline-block; width: 80px; line-height: 24px; margin-left: 5px; border-radius: 12px; text-align: center; background-color:#dd4445; color: #fff; font-size: 12px;}
    .vip-buy .year{background: url(/static/mobile/img/vip-pic-bj_02.png?1) 0 20px no-repeat; background-size: 34px;}
    .vip-buy .price{position: relative; width: 110px;}
    .vip-buy .mouth{background: url(/static/mobile/img/vip-pic-bj_03.png?1) 0 20px no-repeat; background-size: 34px;}
    .vip-buy .price-no{line-height: 80px; color: #D2322D; font-size: 24px; font-weight: bold;}
    .vip-buy .price-no i{position: absolute; top: 3px; right: 0; text-decoration: line-through; color: #999; font-size: 12px; font-weight: normal;}
    .vip-buy .buy-num{position: absolute; bottom: 3px; left: 4px; font-size: 12px; color: #999;}
    .vip-buy .mouth-pic{margin-top: 18px; color: #555; font-size: 16px; }
    .vip-buy .btn-box{position: relative; width: 100px; height: 80px; text-align: center;}
    .vip-buy .btn-box p{position: absolute; bottom: 3px; width: 100px; color: #999;}
    .vip-buy a{display: block; margin-top: 25px; width: 100px; line-height: 30px; background-color: #D2322D; text-align: center; border-radius: 15px; color: #fff; font-size: 16px;}
    .vip-buy .btn-year a{width: 98px; line-height: 28px; background: transparent; border: 1px solid #D2322D; color: #D2322D;}
    .vip-buy li{overflow: hidden; height:80px; padding: 0 16px; border-bottom: 1px solid #f1f1f1}
    .vip-buy li.first{background: #fee8e8;}
    .vip-buy li:after{content: ""; clear: both; display: block;}
    
     
    /*****vip特权列表*****/
    .vip-list{text-align: left; margin-top:20px; padding: 0 16px; background-color: #fff; font-size: 14px; color: #555;}
    .vip-list li{padding: 20px 0; border-bottom: 1px solid #f1f1f1;}
    .vip-list li:after{content: ""; display: block; clear: both; height: 0; line-height: 0;}
    .vip-list .top{padding: 20px 0; text-align: center; border-bottom: 1px solid #f1f1f1;}
    .vip-list .img{width: 100px; text-align: center;}
    .vip-list .img img{width: 50%;}
    .vip-list p{color: #999; padding-top: 10px;}
    .vip-list .more{padding: 20px 0;}
    .vip-list .more a{display: block; width: 120px; height: 30px; font-size: 14px; color: #D2322D; margin: 0 auto; border: 1px solid #D2322D; border-radius: 15px; text-align: center; line-height: 30px;}
    
    /*****用户评价******/
    .vip-praise{padding:0 16px; background-color: #fff; color: #555; font-size: 14px;}
    .vip-praise h3{padding: 14px 0; border-bottom: 1px solid #f1f1f1;} 
    .vip-praise .img{width: 30%;}
    .vip-praise img{border-radius: 50%; width: 70%; border: 1px solid #ccc;}
    .vip-praise li{padding: 20px 0; border-bottom: 1px solid #f1f1f1;}
    .vip-praise .main span{display:block; padding-top: 8px; color: #999; font-size: 12px; }
    .vip-praise p{padding-bottom: 10px; line-height: 24px; color: #999; overflow: hidden;}
    
    /***请联系客服****/
    .vip-bottom-text{padding: 20px; line-height: 24px; color: #777; text-align: center; font-size: 14px; background-color: #fff;}
    .vip-bottom-text a{display: block; margin: 20px auto; width: 140px; line-height: 30px; color: #555; border: 1px solid #999; border-radius: 30px;}
    
    /*新改版鲜花排行榜*/
    .wraper_color{width: 1024px; background-color: #fff;}
    .md_people{margin-left: 20px; padding: 0 55px; background: url(index_img/md_people.png) no-repeat;}
    .flower_ranking_title{border-bottom: 2px solid #c93e2f; height: 40px;}
    .flower_ranking_title h3{ font-weight: normal; font-size: 22px; line-height: 40px; float: left; margin-right: 5px;}
    .flower_ranking_title i{ float: left; margin-top: 10px;  padding-right: 28px; line-height: 26px; background: url(index_img/more_btn.png) right center no-repeat; color: #c93e2f; font-size: 16px;}
    .flower_ranking_title .content_color a{color: #666; font-size: 16px;}
    .flower_ranking_title .opt{ float: left; margin-left: 20px;}
    .flower_ranking_title .opt b{margin: 0 6px; color: #B4B4B4;}
    .flower_ranking_title .opt a:hover,.hotpeople_title span,.flower_ranking_title .content_color a.on{color: #c93e2f;}
    .hotpeople_title{margin-bottom: 20px; text-align: center; font-size: 18px;}
    .hotpeople_list li{float: left; width: 256px; margin: 20px 0; text-align: center;}
    .hotpeople_list li img{border-radius: 50%; -webkit-transition:All .2s ease-in-out; -moz-transition:All .2s ease-in-out; -o-transition:All .2s ease-in-out;transition:All .2s ease-in-out;}
    .hotpeople_list li img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
    .hotpeople_list li p{height: 22px; padding-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#333; font-size: 18px; }
    .hotpeople_list .tanyou{padding: 10px;}
    .hotpeople_list .flower_number{color: #666; font-size: 16px;}
    .hotpeople_list .flower_ranking{height: 30px; margin: 5px 0 10px; color: #c93e2f; font-style: italic; font-size: 20px;}
    .hotpeople_list .flower_ranking img{width: 28px; height: 28px;}
    .hotpeople_list .tanyou img{width: 150px; height: 150px;}
    /*和弦*/
    .chord-box{position: relative; padding: 16px; background-color: #fffae9;}
    .chord-box .chord-title{padding: 0 0 10px; text-align: center; font-size: 18px; font-weight: normal;}
    .chord-box pre{font: 16px Courier New,Courier,monospace;}
    .chord-box .btn-close{width: 20px; height: 20px; position: absolute; top: -8px; right: -8px;}
    .chord-box .btn-close img{display: block; width: inherit; height: inherit;}
    .chord-box .hexi{position: relative; display: inline-block; padding: 0 2px; color: #007fbf; cursor: pointer;}
    .chord-box .hexi:after{content: ""; position: absolute; top: 0; bottom: 0; left: 0;right: 0;
     border-radius: 2px; background: currentColor; opacity: .1;}
    .chord-box .play-box{position: relative; padding: 5px; height: 20px;}
    .chord-box .play-box a{position: absolute; top: 5px; left: 9px; display: block; width: 60px; height: 20px;
    line-height: 20px; text-align: center; background: #333;color: #fff; font-size: 12px;}
    .chord-box .play-vol{position: absolute; top: 5px; left: 5px; width: 20px; height: 20px;}
    .chord-box .play-vol img{display: block; width: inherit; height: inherit;}
    .chord-box .play-content{position: absolute; top: 13px; left: 28px; width: 40px; height: 4px; background-color: #ccc;}
    .chord-box .play-progress{height: 4px; background-color: #333;}
    
    .content-pre{position: relative;}
    .content-pre ._2CxNO{display: none; position: absolute; border-radius: 2px; -moz-box-shadow: 0 0 5px #ccc;
        -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; background-color: #fff; z-index: 4;}
    .content-pre .canvas-box{width: 78px; margin-top: 10px;}
    .content-pre ._2pYs9{padding: 5px 0; background-color: #f1f1f1; text-align: center; font-size: 16px;}
    .content-pre .btn-play{width: 78px; height: 24px; margin-top: 10px;}
    /*弹奏模式*/
    .str-container{
        position: relative;
        border: 1px solid #ccc;
        margin-bottom: 10px;
        padding: 10px;
        -moz-user-select:none;
        -webkit-user-select: none;       
        -ms-user-select: none;
    }
    .str-container header {
        line-height: 24px;
        position: relative;
    }
    .str-title{
        float: left;
    }
    .str-container .text-success {
        color: #5cb85c;
    }
    .str-helper {
        float: left;
        font-size: 14px;
        line-height: 16px;
        color: #5cb85c;
        white-space: nowrap;
    }
    .str-helper .code-arrow {
        font-size: 14px;
    }
    .str-helper span{
        display: inline-block;
        padding: 2px 6px;
        color: #888;
        
        background: #ddd;
        border-radius: 4px;
        font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
        cursor: pointer;
    }
    .b-strumm--content{margin: 0 -5px;
        font-size: 11px;
        overflow-x: auto;
        overflow-y: hidden;
        font-family: Arial,Arial,sans-serif;}
    .b-strumm--beats>div{
        position: relative;
        min-width: 18px;
        width: 18px;
        height: 30px;
        font: 13px Arial,Helvetica,sans-serif;
        color: #000;
        display: inline-block;
        box-sizing: border-box;
    }
    .b-strumm--beats>div:after{
        position: absolute;
        left: 0;
        right: 0;
        top: 6px;
        bottom: 0;
        margin: auto;
        line-height: 24px;
        font-size: 16px;
        width: 8px;
    }
    .b-strumm--beats div[data-beat="1"]:after, 
    .b-strumm--beats div[data-beat="2"]:after, 
    .b-strumm--beats div[data-beat="3"]:after{
        content: "↓";
        font-weight: bold;
    }
    .b-strumm--beats div[data-beat="101"]:after, 
    .b-strumm--beats div[data-beat="102"]:after, 
    .b-strumm--beats div[data-beat="103"]:after {
        content: "↑";
        font-weight: bold;
    }
    .b-strumm--beats div[data-beat="151"]:after, 
    .b-strumm--beats div[data-beat="152"]:after, 
    .b-strumm--beats div[data-beat="153"]:after {
        content: "x";
    }
    .b-strumm--count{
        height: 32px;
        line-height: 11px;
        font-size: 11px;
        text-align: center;
        color: #888;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .b-strumm--count>div{
        position: relative;
        min-width: 18px;
    }
    .b-strumm--count>div:after {
        content: '';
        position: absolute;
    }
    .b-strumm--count.__count-8:not(.__triplets)>div:nth-child(2n):after {
        width: 100%;
        border-width: 0 1px 1px 0;
        left: -8px;
    }
    .b-strumm--count.__count-8>div:after {
        width: 4px;
        height: 4px;
        top: 16px;
        left: 9px;
        border: 1px solid #9a9a9a;
        border-width: 0 0 1px 1px;
    }
    
    
    /*和弦编辑*/
    .chord-form{width: 1024px; padding: 0 24px; margin: 24px auto;}
    .chord-form form{height: 100%;}
    .chord-form .prompt-title{
        font-size: 14px;
        line-height: 20px;
        color: #7a7a7a;
        margin-bottom: 20px;
    }
    .chord-form-item {
        margin-bottom: 16px;
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .chord-form-block{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .chord-form-item:not(:last-child) {
        margin-right: 16px;
    }
    .chord-form-label{
        display: block;   
        line-height: 16px;
        padding: 9px 0;
        font-weight: 600;
        font-size: 14px;
        color: #7a7a7a;
    }
    .chord-form-input{
        box-sizing:border-box;
        width: 100%;
        height: 46px;
        padding: 0 10px;
        border: 1px solid #ddd;
        border-radius: 2px;
        background-color: #fff;
        box-shadow: none;
    }
    .chord-form-textarea{
        width: 100%;
        padding: 10px;
        min-height: 50px;
        border: 1px solid #ddd;
        border-radius: 2px;
        background: #fff;    
    }
    ._3DeUu {
        position: relative;
        margin-right: 0;
    }
    ._3DeUu textarea{
        box-sizing: border-box;
        height: 500px;
        background: none;
        font-weight: 400;
        color: #212121;
        font:16px Courier New,Courier,monospace;
        z-index: 1;
    }
    ._3DeUu .advise-width{
        position: absolute;
        top: 35px;
        left: 0;
        width: 350px;
        height: 500px;
        line-height: 500px;
        text-align: center;
        background-color: #fffae9;
        color: #ccc;
        font-size: 14px;
    }
    .chord-btn{	
        text-align: right;
        margin-top: 24px;
    }
    .chord-btn .layui-input-block{
        margin: 0;
    }
    /*和弦编辑封面*/
    .upload-yuepu .explain-box{ margin-top: 10px; padding: 5px 10px; line-height: 28px; background: #fffae9; border: 1px solid #c6b57b;}
    .upload-yuepu .upload-content{ overflow: hidden; padding: 10px; background: #fff; border: 1px solid #e6e6e6;}
    .fileinput-button{ position: relative; overflow: hidden; float: left; margin-right: 20px;}
    .fileinput-button input{ position:absolute; left: 0;top: 0; width: 64px; height: 38px; opacity: 0; -ms-filter: 'alpha(opacity=0)';}
    .upload-yuepu .upload-img-box{ float: left; padding-right: 20px;}
    .upload-yuepu .upload-img-box img{ width: 100px; height: 100px;}
    
    /*钢琴谱详情页新增Flash判断*/
    .no-install-flash{width: 709px; height: 846px; border: 1px solid #f1f1f1; text-align: center; display: none; background: #f1f1f1;}
    .no-install-flash p{padding-top: 370px; font-size: 16px;}
    .no-install-flash .btn-flash{display: inline-block; width: 160px; height: 40px; line-height: 40px; border: 1px solid #d53a32;
    border-radius: 4px; text-align: center; font-size: 14px; color: #d53a32;}
    
    /*设置个人信息*/
    .SettingsMain-page{border: 1px solid #ebebeb; background: #fff; }
    .SettingsTitle{padding: 20px 18px; overflow: hidden;}
    .SettingsTitle-title{height: 26px; line-height: 26px; margin-bottom: 10px; color: #1a1a1a; font-weight: 600; font-size: 19px;}
    .SettingsTitle-descr{line-height: 26px; font-size: 14px; color: #8590a6;}
    .SettingsAccount-account{border-top: 1px solid #ebebeb;}
    .SettingsTitle-subTitle{height: 22px; line-height: 22px; margin: 0 0 5px; font-weight: 600; font-size: 15px; color: #1a1a1a;}
    .Settings-main{padding-left: 38px;}
    .Settings-titleView{position: relative; padding: 10px 0; border-top: 1px solid #ebebeb;}
    .Settings-titleView button{background-color: transparent; cursor: pointer; border: none; outline: none;}
    .Settings-title{height: 22px; line-height: 22px; margin: 0; padding-bottom: 4px; font-size: 15px; color: #1a1a1a;}
    .Settings-descr{line-height: 26px; font-size: 14px; color: #8590a6;}
    .Settings-edit{position:absolute; top: 50%; right: 20px; display: inline-block; height: 22px; line-height: 22px; text-decoration: none; color: #0084ff; 
      -webkit-transform: translateY(-50%); transform: translateY(-50%);  z-index: 1;}
    .Settings-content{display: none; padding: 10px 0; border-top: 1px solid #ebebeb;}
    .Settings-email-from{display: none;}
    .SettingsAccount-accountForm input{width: 184px; height: 38px; line-height: 38px; padding-left: 10px; border-radius: 3px; border: 1px solid #ebebeb;outline: none; color: #1a1a1a;}
    .Settings-inputWrap{position: relative; padding-bottom: 10px;}
    .Settings-inpuItem .btn{height: 38px; margin-right: 10px; border: 1px solid #ebebeb; background: #fff; outline: none;}
    .Settings-inpuItem input{width: 300px; height: 40px; line-height: 40px;}
    .Settings-gender label{position: relative; width: 70px; height: 38px; line-height: 38px; margin-right: 10px; padding: 5px 10px; border: 1px solid #ebebeb; border-radius: 3px; color: #8590a6; font-size: 16px;}
    .Settings-gender span{position: absolute; top: 0; right: 15px;}
    .Settings-gender input{float:left; width: 20px; height: 20px; margin-right: 10px;}
    .Settings-portrait{position: relative; width: 150px; height: 150px; border: 1px solid #ebebeb; border-radius: 5px; background-color: #f1f1f1;}
    .Settings-portrait img{position: absolute; top: 0; left: 0; z-index: 1;}
    .Settings-portrait .add{position: absolute; top: 0; left: 0; width: 150px; height: 150px; line-height: 150px; text-align: center; background: rgba(0,0,0,.2); font-size: 16px; color: #fff; cursor: pointer; z-index: 2;}
    .Settings-portrait input{position: absolute; top: 0; left: 0; width: 150px; height: 150px; opacity: 0; -ms-filter: 'alpha(opacity=0)'; z-index: 3;}
    .Settings-hint{height: 40px; line-height: 40px; margin-left: 10px; font-size: 14px; color: #cc3333;}
    .Settings-btnCode{width: 106px; height: 38px; margin-left: 10px; background: rgba(0,132,255,.08); color: #0084ff; border: none; outline: none; cursor: pointer !important;}
    .Settings-submit{width: 300px; height: 40px; cursor: pointer; border-radius: 3px; border: none; background: #0084ff; color: #fff;}
    .sign-phone-list{display: none; position: absolute; top: 44px; left: -1px; background: #fff; cursor: pointer; box-shadow: 0 0 5px 2px #eee; z-index: 1;}
    .sign-phone-list li{height: 40px; line-height: 40px; padding: 0 20px; cursor: pointer; font-size: 14px; color: #666;}
    .sign-phone-list li:hover{background: #eee;}
    
    .SettingsFAQ{padding: 20px 0; background: #fff; border: 1px solid #ebebeb; border-radius: 2px; box-shadow: 0 0 4px rgba(3,4,18,.08);}
    .SettingsFAQ-pageTitle{height: 26px; line-height: 26px; margin: 0; padding-left: 26px; color: #1a1a1a; font-weight: 600; font-size: 19px;}
    .SettingsFAQ-sectionWrap{padding: 10px 0;}
    .SettingsFAQ-faqTitle{padding-left: 20px; margin: 10px 0; line-height: 16px; font-weight: 600; font-size: 15px; color: #444;}
    .SettingsQA{padding: 10px 20px; margin: 0; font-size: 14px;}
    .SettingsQA dt{cursor: pointer; color: #8590a6; font-weight: 400;}
    .SettingsQA dd{line-height: 26px;}
    .SettingsQA-answer{display: none; padding: 10px 0; color: #646464;}
    .SettingsNav{margin-left: 15px;  background-color: #fff;}
    .SettingsNav a:hover{background-color: #eee; text-decoration: none; color: #8590a6;}
    .SettingsNav-link{display: flex; align-items: center; padding-left: 20px; color: #8590a6;}
    .SettingsNav-link.is-active{background-color: #eee; color: #444; font-weight: 600;}
    .SettingsNav-link.is-active:hover{color: #000;}
    .SettingsNav-linkTxt{margin: 12px;}
    .SettingsAccount{border-left: 1px solid #ebebeb;}
    .Settings-autograph{height: 40px; line-height: 40px;}
    .Settings-autograph-input input{width: 400px;}
    .Settings-auto-btn{width: 100px;}
    
    .Modal-content{width: 400px; padding: 40px 20px; background: #fff;}
    .Modal-top{position: relative; text-align: center;}
    .Modal-top button{position: absolute; top: -25px; right: 0; outline: none;}
    .Modal-top h1{color: #1a1a1a; font-size: 24px;}
    .Modal-top h2{max-width: 240px; margin: 2px auto 24px; line-height: 24px; font-size: 14px; color: #8590a6;}
    .VerificationDialogModal-select{height: 40px; line-height: 40px; border-bottom: 1px solid #ebebeb; color: #76839b;}
    .VerificationDialogModal-code{height: 42px; margin-top: 10px; border-bottom: 1px solid #ebebeb;}
    .VerificationDialogModal-code button{line-height: 40px; background-color: transparent; border: none; outline: none; color: #76839b;}
    .VerificationDialogModal-input input{height: 40px; line-height: 40px; border: none;  outline: none; color: #1a1a1a;}
    .VerificationDialogModal-checkout button{height: 40px; margin-top: 40px;}
    /* 乐谱详情切换用户 */
    .comment-popup{position: relative; float: right; width: 128px; margin-right: 15px; font-size: 14px;}
    .comment-popup .content{position: absolute; top: 46px; left: 0; display: none; max-height: 200px; overflow-y: auto; background-color: #fff; border-radius: 10px;  -moz-box-shadow: 0px 1px 16px 0 rgba(90, 109, 122, 0.41); -webkit-box-shadow: 0px 1px 16px 0 rgba(90, 109, 122, 0.41); box-shadow: 0px 1px 16px 0 rgba(90, 109, 122, 0.41);}
    .comment-popup li{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 106px; padding: 0 10px; line-height: 40px; border-bottom: 1px solid #f1f1f1; cursor: pointer;}
    .comment-popup li:hover{background-color: #f1f1f1;}
    .comment-popup li:last-child{border: none;}
    .comment-popup .btn-change{display: block; width: 128px; height: 37px; line-height: 37px; border-radius: 8px; background-color: #d53a32; text-align: center; color: #fff; cursor: pointer;}
    .comment-user{display: none; float: right; height: 35px; line-height: 35px; margin-right: 10px; padding: 0 10px; border: 1px solid #d53a32; border-radius: 8px; font-size: 14px; text-align: center; color: #d53a32;}
    /* 解除手机号绑定 */
    .phone-bindding-box{width: 600px; margin: 0 auto;}
    .phone-bindding-box li{padding: 20px 0;}
    .phone-bindding-box .remind-box{width: 422px; height: 48px; line-height: 48px; font-size: 14px; color: #999;}
    .phone-bindding-box .remind-box b{ cursor: pointer; }
    .phone-bindding-box .remind-box b:hover{text-decoration: underline; color: #333;}
    .phone-bindding-box .title{line-height: 160px; text-align: center; font-size: 16px; color: #14B12F;}
    .phone-bindding-box span{ float: left; width: 160px; padding-left: 15px; line-height: 48px; font-size: 18px; color: #222;}
    .phone-bindding-box input{ float: left; width: 402px; border: 1px solid #ccc; height: 28px; padding: 10px; outline: none;}
    .phone-bindding-box .phone-no-input{background-color: #f5f5f5;}
    .phone-bindding-box .code-input{width: 264px;}
    .phone-bindding-box .code-btn{margin-left: 10px; width: 128px; height: 50px; border: 1px solid #ccc; outline: none;}
    .phone-bindding-box .verify-box{float: right; width: 422px;}
    .phone-bindding-box .verify-password{display: flex;;}
    .phone-bindding-box .verify-info{padding-bottom: 10px; text-align:center; color: #e46a63; font-size: 14px;}
    .phone-bindding-box li.verify-padding{padding: 0;}
    .phone-bindding-box .verify-password b{flex: 1; line-height: 30px; background: #ccc; color: #fff; text-align: center;}
    .phone-bindding-box .verify-password b:nth-child(2){margin: 0 5px;}
    .phone-bindding-box .verify-password .s1{background: #F45A68;}
    .phone-bindding-box .verify-password .s2{background: #cc0;}
    .phone-bindding-box .verify-password .s3{background: #14B12F;}
    .phone-bindding-box .btn-no{ background-color: #ccc;}
    .phone-bindding-box .btn{ background-color: #e46a63;}
    /* 按钮UI */
    .layui-btn{display: inline-block; height: 38px; line-height: 38px; padding: 0 18px; background-color: #009688; color: #fff;
        white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; outline: none;}
    .layui-btn-danger{ background-color: #d23a32;}
    .layui-btn:active{opacity: 0.8;}